jquery scripts loopen

Door Bram op 25-05-2009 11:55

648 views

hé ik heb een vraagje.

ik heb een jquery slide script die ongeveer 9 keer gebruikt gaat worden. er zijn dus 9 blokjes die ik wil laten sliden.

nu heb ik het momenteel gedaan door het script gewoon 9 keer te plaatsen,

het zou handiger zijn als er een loop omheen zou staan die dit script 9 keer laad en het unieke nummer steeds verhoogt.

<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
	$("#slickbox1").hide();
	 // toggles the slickbox on clicking the noted link
	  $('#slick-slidetoggle1').click(function() {
		 $('#slickbox1').slideDown(400);
	  });
	  $('#no').click(function() {
	 	$('#slickbox1').slideUp(400);
	  });
	});
</script>

kan iemand hiermij mee helpen? het maken van zo'n loop

bedankt

Jacco Engel

25-05-2009 12:03


<script type="text/javascript" charset="utf-8">
$(document).ready(function() {	
	for(var i = 1 ; i <= 9 ; i++)
	{
	    $('#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);
	      });
	}
});
</script>

En weer 5 euro voor het wereld natuurfonds (mag ik toch hopen).

[edit]
paar kleine foutjes weg gepoetst
[/edit]

Reageren

Inloggen om te reageren