VPF::Древовидное меню! - Форум программистов

DeMONiZ

Дата 30.5.2009, 16:26 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 2.1.2009
Где: Первоуральск

Репутация: нет
Всего: нет

Всем доброго времени суток у меня возникла проблема с древовидным меню.
Суть проблемы заключается в том что я не могу сделать так что когда раскрыт один блок то другой закрывается.
То есть нажимаю на блок1 он открывается а когда нажимаю на блок2 то блок1 должен закрываться и открываться блок2.
Помогите реализовать это в скрипте данном ниже.

Код


<style type="text/css">
#dropMenu, #dropMenu ul {list-style:none;margin:0px;padding:0px;}
.menuCat {background:url() no-repeat; padding-left:0px;}
.menuCat span {cursor:pointer;}
.menuCat ul {display:none;}
</style> 
<ul id="dropMenu"> 

  <li class="menuCat"><span><center><em>Блок1</em></span> 
  <ul> 

  <li><a href="01_car_1024x768/index.php"> 1</a></li>
  <li><a href="02_car_1280x1024/index.php"> 2</a></li>
  <li><a href="03_car_1600x1200/index.php"> 3</a></li>
  <li><a href="04_car_1680x1050/index.php"> 4</a></li>
  <li><a href="05_car_1920x1200/index.php"> 5</a></li>
  </ul>
</li>     
 
<li class="menuCat"><span><center><em>Блок2</em></span>
  <ul>

  <li><a href="06_girls_1024x768/index.php"> 1</a></li>
  <li><a href="07_girls_1280x1024/index.php"> 2</a></li>
  <li><a href="08_girls_1600x1200/index.php"> 3</a></li>
  <li><a href="09_girls_1680x1050/index.php"> 4</a></li>
  <li><a href="10_girls_1920x1200/index.php"> 5</a></li>
  </ul>
</li>



<script type="text/javascript">
plus=""; 
minus="";
dropMenu();function dropMenu(){var c,d,e,j,i;c=new Array();d=document.getElementsByTagName('*');e=new RegExp("(^|\\b)menuCat(\\b|$)");j=0;for(i=0;i<d.length;i++){if(e.test(d[i].className)){c[j]=d[i];j++}}for(i=0;i<c.length;i++){var f=c[i].getElementsByTagName("span")[0];f.onclick=function(){var a,b;a=this.parentNode;b=a.getElementsByTagName("ul")[0];if(b.style.display=="block")
{a.style.backgroundImage="url("+plus+")";b.style.display="none"}else{a.style.backgroundImage="url("+minus+")";b.style.display="block"}}}};
</script>

DeMONiZ

Дата 31.5.2009, 10:17 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 2.1.2009
Где: Первоуральск

Репутация: нет
Всего: нет

Ну кто поможет неужели ни кто не знает?

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »