Как сделать, чтобы список в меню был всегда открытым

[Савоини Анастасия Андреевн]

Подскажите, как сделать, чтобы список в меню был всегда открытым. Сейчас список выпадает после клика по кнопке "двери". А нужно чтобы под этой кнопкой был всегда список дверей.

http://www.mix-mart.ru/doors.html

 

<div id="wrap">

   <div id="firstpane">

<p class="menu_head"> <a > ДВЕРИ<br /><br /></a></p>

<div class="menu_body">

<a href="veneer.html">ШПОН</a>

 

<a href="economy_veneer.html">ШПОН-ЭКОНОМ</a>

<a href="finetex.html">ЭКО-ШПОН</a>

<a href="pvh.html">ПВХ</a>

<a href="laminate.html">ЛАМИНИРОВАННЫЕ</a>

<a href="massif.html">МАССИВ ДУБА</a>

        <a href="massif.html">МАССИВ СОСНЫ</a> 

<a href="accordions_and_folding_doors.html">CКЛАДНЫЕ И <br />

<br />ГАРМОШКИ</a>

<a href="sliding_doors.html">РАЗДВИЖНЫЕ </a>

<a href="Roto-door.html">РОТО-ДВЕРЬ </a>

<a href="arches.html">АРКИ</a>

<a href="metal_doors.html">МЕТАЛЛИЧЕСКИЕ</a>

<a href="to_builders.html">СТРОИТЕЛЯМ</a>

<a href="accessories.html">ФУРНИТУРА</a>

</div>

</div>

 

Стиль css:

menu_head {

  padding:0 0 0 12px;

  cursor: pointer;

  position: relative;

  font: bold 12px Verdana, Arial, Sans-Serif, Helvetica;

  text-transform:uppercase;

  color:#fff;

}

.menu_head a {

  display:block;

  font: bold 12px Verdana, Arial, Sans-Serif, Helvetica;

  text-decoration:none;

    color:#fff;

}

.menu_body {

  display:none;

}

.menu_body a{

  background:#e6e6e6;

  display:block;

  color:#BB572F;

  padding:16px 0 16px 12px;

  letter-spacing:1px;

  font: 12px Verdana, Arial, Sans-Serif, Helvetica;

  text-decoration:none;

}

.menu_body a:hover{

  color: #999;

}

[Савоини Анастасия Андреевн]

  #wrap{

  background:#757575;

  width:180px;

  height:5552px;

  float:left; 

  display:inline;

  font:12 Verdana, Arial, Sans-Serif, Helvetica;

  text-align:left;

  padding:24px 0 0 0;

  margin:12px 0 0 12px;

  

}

[Q4Dizzy]

Если по клику: 

 

Читаем тут

 

Пример

 

Если всегда-всегда открыт, то стираем

.menu_body {    display: none;}

Edited March 11, 2015 by Q4Dizzy

[Савоини Анастасия Андреевн]

 

Если по клику: 

 

Читаем тут

 

Пример

 

Если всегда-всегда открыт, то стираем

.menu_body {    display: none;}

Получилось, http://www.mix-mart.ru/doors.html

А как сделать, чтобы при клике на кнопку двери, список сворачивался?

[Q4Dizzy]

Если только сворачивался без раскрывания - то тем же способом, только меняем display: block на display: none;

 

Если кликом раскрыть/закрыть - то скриптом.