html - foundation accordion stop toggle -
i trying make accordion work if click first 1 , shows, if click second one, dont want first 1 close. want if want first 1 close, click again.
here example of how want work. @ sidebar on left http://www.houseoffraser.co.uk/mens+watches/2031,default,sc.html?srule=price-desc&fix&spcl
here code
<dl class="accordion" data-accordion> <dd> <a href="#panel1">accordion 1</a> <div id="panel1" class="content active"> ffjkfkfkjfkj </div> </dd> <dd> <a href="#panel2">accordion 2</a> <div id="panel2" class="content"> panel 2. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div> </dd> <dd> <a href="#panel3">accordion 3</a> <div id="panel3" class="content"> panel 3. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div> </dd> </dl>
you have override normal js foundation event custom jquery script
$('.accordion dd > a').on('click', function() { $(this).next().toggleclass('active'); return false; });
Comments
Post a Comment