|
|
|
jquery: Раскрыть пункт меню в Accordion
|
|||
|---|---|---|---|
|
#18+
Здравствуйте! Есть такой небольшой вопросик. У меня есть меню и скрипт для него: автор<ul id="menu"> <li> <div class="linksMehuHead"><a href="#" class="AmenuHead">Первый</a></div> <ul> <li><a href="1.htm">Первый под Первый</a></li> <li><a href="2.htm">Второй под Первый</a></li> </ul></li> <li> <div class="linksMehuHead"><a href="#" class="AmenuHead">Второй</a></div> <ul> <li><a href="3.htm">Первый под Второй</a></li> <li><a href="4.htm">Второй под Второй</a></li> </ul></li> <li> <div class="linksMehuHead"><a href="#" class="AmenuHead">Третий</a></div> <ul> <li><a href="5.htm">Первый под Третий</a></li> <li><a href="6.htm">Второй под Третий</a></li> </ul></li> </ul> автор $(document).ready(function(){ $('#menu ul').hide(); $('#menu ul:first').show(); $('#menu li div').click(function() { var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))) { $('#menu ul:visible').slideUp('normal'); $(this).removeClass("linksMehuHeadActive"); $(this).addClass("linksMehuHead"); $($($('.AmenuHeadDown',this))).removeClass("AmenuHeadDown"); $('#menu li div a').addClass("AmenuHead"); return false; } if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { $('#menu ul:visible').slideUp('normal'); $('#menu li div').removeClass("linksMehuHeadActive"); $('#menu li div').addClass("linksMehuHead"); $(this).addClass("linksMehuHeadActive"); $('#menu li div a').removeClass("AmenuHeadDown"); checkElement.slideDown('normal'); $('#menu li div a').addClass("AmenuHead"); $($($('.AmenuHead',this))).addClass("AmenuHeadDown"); return false; } }); }); в этом скрипте будет открыт первый пункт меню. А как сделать чтобы был раскрыт не первый, а второй или пятый, например? Я пробовал ставить id к элементам li и писал так: автор$('#idElem').show(); но не получилось. Кто подскажет как правильно сделать? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.09.2009, 15:47:51 |
|
||
|
jquery: Раскрыть пункт меню в Accordion
|
|||
|---|---|---|---|
|
#18+
Этот вопрос помог мне разобраться со своим. <div id="firstpane"> <p class="menu_head"><span>Легенда</span></p> <div class="menu_body" id="first"> .... <script type="text/javascript"> $(document).ready(function() { $("#firstpane div.menu_bodyfirst").show(); //открывают колонку $("#firstpane p.menu_head").click(function() { $(this).next("div.menu_body").slideToggle(800).siblings("div.menu_body").slideUp("slow"); $(this).siblings(); }); }); </script> ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.04.2010, 18:10:43 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=36603854&tid=1453163]: |
0ms |
get settings: |
6ms |
get forum list: |
14ms |
check forum access: |
2ms |
check topic access: |
2ms |
track hit: |
190ms |
get topic data: |
7ms |
get forum data: |
2ms |
get page messages: |
27ms |
get tp. blocked users: |
1ms |
| others: | 194ms |
| total: | 445ms |

| 0 / 0 |
