Есть оказывается такая интерестная группа тегов: <DL>, <DT>, <DD>, предназначенных для создания списка определений. Каждый такой список начинается с контейнера <DL>, куда входит тег <DT> создающий термин и тег <DD> задающий определение этого термина.(это по материалам htmlbook.ru, где я и наткнулся на описание этоих тегов).
Мне показалось, что они как нельзя лучше подходят для построения различных меню, произвольной степени вложенности, и для отображения других иерархичных данных.
Но, почему то эти теги обделили вниманием, как мне кажется. Ибо я знаю хтмл уже оч. давно, а с этими тегами столкнулся только что.
Вот так можно сделать симпатичное, раскрывающееся меню:
<script type="text/javascript">
function UnHide(This){
if(This.className == 'unhidemenu')
{
This.className = 'hidemenu'
}
else
{
This.className = 'unhidemenu'
}
return false;
}
function $(id){
return document.getElementById(id);
}
</script>
<style type="text/css">
.hidemenu {border: 1px solid black; display: none;}
.unhidemenu {border: 1px solid black; display: block;}
</style>
<dl>
<dt onclick="UnHide($('c1'))">Menu1</dt>
<dd class="hidemenu" id="c1">
<dl>
<dt onclick="UnHide($('c11'))">Menu11</dt>
<dd class="hidemenu" id="c11">
Menu11 text
</dd>
<dt onclick="UnHide($('c12'))">Menu12</dt>
<dd class="hidemenu" id="c12">
Menu12 text
</dd>
</dl>
</dd>
<dt onclick="UnHide($('c2'))">Menu2</dt>
<dd class="hidemenu" id="c2">
Menu2 text
</dd>
</dl>
Кому-нибудь пригодится?
