Как развернуть ul список из display:none?

Здравствуйте. Имеется нечто такое:

<a href="#">Другие языки</a>
 <ul style="display:none;">
 <li><a href="">Русский</a></li>
 <li><a href="">Русский</a></li>
 <li><a href="">Немецкий</a></li>
 <li><a href="">Немецкий</a></li>
 </ul>

Вопрос: Как сделать, чтобы при клике по ссылке "Другие языки", разворачивался список ul. Т.е убиралось свойство display:none;