Для стабильной работы дайте элементам a и ul идентификаторы (id), и добавьте их к селекторам. Для плавного появления списка, либо его разворачивания используйте jQuery методы fadeIn() или slideDown()
как вариант тугл накинуть на элемент ul api.jquery.com/slidetoggle
этих триггеров дофига с разной анимацией
fadetoggle вот что еще вспомнил, остальные не вспомню