Всплывающий список
 

Подскажите пожалуйста, в чем здесь ошибка?
Есть два списка, один по умолчанию имеет display:none;
второй при нажатии на ссылку первого элемента, должен дать ему значение display:block; и открыть его выше.

Скрипт:
<script>
function down()
{
var a = document.getElementById('language');
if ( a.style.display == 'none' )
a.style.display = 'block'
else
if ( a.style.display == 'block' )
a.style.display = 'none';
};
</script>

Css файл:

<style type="text/css">
#language{display:none;}
</style>

Html файл:
<ul id="language"><!-- Footer - Menu -->
<li><a href="#">Русский</a></li>
<li><a href="#">Английский</a></li>
<li><a href="#">Немецкий</a></li>
<li><a href="#">Итальянский</a></li>
<li><a href="#">Французкий</a></li>
</ul>
<ul class="menu2">
<li><a href="#" onclick="down()">
<div class="ua"></div>
<span class="bord">Українська</span>
</a></li>
<li><a href="#">Про сайт</a></li>
<li><a href="#">Реклама на сайті</a></li>
</ul>

При таком задании стиля свойство a.style.display остается пустым. Можно попробовать поменять проверки, напр. так:
вместо if ( a.style.display == 'none' ) написать if ( a.style.display != 'block' )
или задать стиль в тэге атрибутом style:
<ul id="language" style="display:none">

ответ в теме: или на это
 

поменять на a.style.display == '' в обоих условиях..

т.е. вместо none оставить пустые кавычки.
примерно так:)

<script>
function down()
{
var a = document.getElementById('language');
if ( a.style.display == '' )
a.style.display = 'block'
else
if ( a.style.display == 'block' )
a.style.display = '';
};
</script>