Hallo allemaal, ik probeer het volgende te doen:

ik heb allemaal kleine items en zodra je er op klikt dan slide het open etc. dit werkt allemaal, maar wat ik wil is dat er maar 1 tegelijk open kan. dus zodra je een ander opent dat dan het item dat open staat automatisch weer sluit

hier staat een demo:
http://www.v1technology.com/bramvdmeij/demo/

dit is mijn jquery code voor de slides:


	$(document).ready(function() {
	$("#slickbox1").hide();
	 // toggles the slickbox on clicking the noted link
	  $('#slick-slidetoggle1').click(function() {
		 $('#slickbox1').slideDown(400);
	  });
	  $('#slickbox1').click(function() {
	 	$('#slickbox1').slideUp(400);
	  });
	});


dit is trouwens ook nog een probleem want ik moet dit script hierboven 9 keer aanmaken en steeds het getal verhogen...ik heb ook een loopje maar die wilt niet werken:


$(document).ready(function() {    
    for(var i = 1 ; i <= 9 ; i++)
    {
	$(document).ready(function() {
			$('#slickbox'+i).hide();
			 // toggles the slickbox on clicking the noted link
			  $('#slick-slidetoggle'+i).click(function() {
				 $('#slickbox'+i).slideDown(400);
			  });
			  $('#no').click(function() {
				 $('#slickbox'+i).slideUp(400);
			});
	});
    }
});


maargoed dat is probleem 2...

alvast bedankt voor het helpen


gr. bram
jQuery

$(document).ready(function(){

	$(".accordion h3:first").addClass("active");
	$(".accordion p:not(:first)").hide();

	$(".accordion h3").click(function(){

	  $(this).next("p").slideToggle("slow").siblings("p:visible").slideUp("slow");
	  $(this).toggleClass("active");
	  $(this).siblings("h3").removeClass("active");

	});

});

HTML

<div class="accordion">
<h3>Titel1</h3>
<p>titel 1 tekst</p>
<h3>Titel2</h3>
<p>titel 2 tekst</p>
</div>

Reageren