Toggle menu

[NumseR]

Весела коледа !

Някой знае ли как мога да направя, така че на това меню, като се написне на бутона за скриване да не се скриват всички менюта, а само това което е избрано /другите да си останат отворени/ :roll:

[js]$(document).ready(function()
{

$("#togglemenu p.menu-headline").click(function()
{
$(this).css({backgroundImage:"url(down.png) no-repeat;"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
$(this).siblings().css({backgroundImage:"url(left.png) no-repeat;"});
});

});[/js]

<p class="menu-headline">Availability</p>
<div class="menu_body">
<form>
<ul class="dssss">
<li><input type="checkbox" class="check-hiddable">In stock (12)</li>
<li><input type="checkbox" class="check-hiddable">Out of stock (7)</li>
<li><input type="checkbox" class="check-hiddable">Only with special order (35)</li>
</ul>
</form>
</div>

 

[syneidesys]

http://www.htmldrive.net/items/show/179/Fast-and-Simple-toggle-View-Content-with-jQuery Този вариант става ли ?

 

[NumseR]

Става, но ми се иска да използвам този код, които съм посочил

 

[syneidesys]

Махни където пише- slide up slow !

 

[joTunkiq]

пробвай така :
[js]
$("#togglemenu p.menu-headline").click(function()

{
$("p.menu-headline").next().hide();
$(this).css({backgroundImage:"url(down.png) no-repeat;"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");

$(this).siblings().css({backgroundImage:"url(left.png) no-repeat;"});

});
[/js]

а, ако искаш всички да НЕ са показани - а само първия списък да е показан трябва да си промениш кода така:

[js]
$("#togglemenu p.menu-headline").click(function()

{
$("p.menu-headline").next().hide(); // скрии всичко
$("p.menu-headline").next(":first").show(); // за пурвия списак самоо
$(this).css({backgroundImage:"url(down.png) no-repeat;"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");

$(this).siblings().css({backgroundImage:"url(left.png) no-repeat;"});

});
[/js]

 

[NumseR]

Чудинка, работи перфектно. Мерси