Maciej Szczepański

Maciej Szczepański www, marketing,
reklama

Temat: jquery accordion

Witam, mam taka strukture


style
.open .box {display: block;}
.close .box {display: none;}

<ul id="accordion">

<li>
<div class="open">
<a class="slider" href="#">Rozwin 1</a>
<div class="box"><p>Tutaj tresc</p></div>
</div>
</li>

<li>
<div class="close">
<a class="slider" href="#">Rozwin 2</a>
<div class="box"><p>Tutaj tresc</p></div>
</div>
</li>

<li>
<div class="close">
<a class="slider" href="#">Rozwin 2</a>
<div class="box"><p>Tutaj tresc</p></div>
</div>
</li>


</ul>


i taki skrypt


$(document).ready(function () {

$(".close a.slider").click(function() { $(this).parent(".close").removeClass("close").addClass("open").find(".box").slideDown('fast');
});

$(".open a.slider").click(function() { $(this).parent(".open").removeClass("open").addClass("close").find(".box").slideDown('fast');
});

});


niestety działa mi to tylko za pierwszym "klikiem". Co zrobić żeby pokazać/ukryć ".box" zawsze gdy klikam?

konto usunięte

Temat: jquery accordion

Uprościłem nieco strukturę: http://jsfiddle.net/piotrlewandowski/fPqnZ/Piotr L. edytował(a) ten post dnia 26.06.12 o godzinie 20:47
Maciej Szczepański

Maciej Szczepański www, marketing,
reklama

Temat: jquery accordion

Extra dzięki ;)

konto usunięte

Temat: jquery accordion

http://css-plus.com/examples/2011/08/accordions-with-c...

jeśli ma być tak proste jak w ww. przykładzie to można dać details/summary + jakiś polyfill dla starszych przeglądarek

Następna dyskusja:

JQuery / Accordion / IE




Wyślij zaproszenie do