vraag over jquery

[rodeto]

Dan maar gewoon terug naar het begin.

[Rolf]

In de Showtime module kun je de jQuery aanroep "uit" zetten.
Dat lijkt me de eerste stap!

®

[timdebuurman]

Mijn code werkt hoor,

Ik zie dat je er code aan hebt toegevoegd:

Jouw code:

Code: Select all

<__script__ type="text/javascript">
jQuery(document).ready(function() {
  jQuery(".shcontent").hide();
  jQuery(".shtitle").addClass('plus');
  jQuery(".shtitle").click(function()
  {
   
   jQuery('.active').slideUp(500).removeClass('active');     
   jQuery(this).next('div.shcontent').slideDown(500).addClass('active'); 

   jQuery(this).toggleClass('plus').toggleClass('minus').next(".shcontent").slideToggle(500); 
  });
});
</__script>

Mijn code:

Code: Select all

<__script__ type="text/javascript">
jQuery(document).ready(function() {
  jQuery(".shcontent").hide();

  jQuery(".shtitle").click(function()
  {
	$('.active').slideUp(500).removeClass('active');	  
	$(this).next('div.shcontent').slideDown(500).addClass('active'); 

  });
});
</__script>

Waarom had je dit:

jQuery(this).toggleClass('plus').toggleClass('minus').next(".shcontent").slideToggle(500);

erbij gezet?

Zonder dat werkt het toch wel?

Ik heb het (werkende) voorbeeld weer online gezet:
http://www.timdebuurman.nl/rodeto/

[rodeto]

Die code is voor de achtergrond van de headers. Daar staat ingeklapt een plus-teken en uitgeklapt een min-teken.

[timdebuurman]

ohja, nu zie ik het..ik dacht even aan slidetoggle.

dan lijkt me dat je moet kijken waarom de code het in mijn voorbeeld wel doet en op jou pagina niet.

[timdebuurman]

Ik heb nu op jou website getest.

Als je mijn laatste code erin zet en dit weghaalt:

<__script__ type="text/javascript" src="http://www.feikeklomp.nl/modules/Showti ... y-1.4.2.js" ></__script>

Dan werkt het.

[rodeto]

Geweldig, hartelijk dank. Werkt inderdaad nu.
Alleen zou ik nog graag het plus- en min-teken weer toe willen voegen. Zou je mij nog willen helpen om dat weer zichtbaar te maken ?

[timdebuurman]

uuhm.. deze weer toevoegen?

jQuery(this).toggleClass('plus').toggleClass('minus').next(".shcontent").slideToggle(500);

maar dan zonder slideToggle, dus zo:

jQuery(this).toggleClass('plus').toggleClass('minus');

[timdebuurman]

nee, dat is m niet..

wordt weer een lastige dit.

wel grappig, 2 jquery noobs die proberen een code werkend te krijgen

Tijdens het proberen de class 'plus' te wijzigen naar 'minus' lijkt er opeens wat mis te gaan, waardoor hij heel vaak open en dicht blijft gaan.

[rodeto]

Ik heb het nu inderdaad werkend met een plus voor het jaartal. Alleen kan ik nog niet de oplossing vinden om als het blok uitklapt het plus-teken te wijzigen naar een min-teken.
Alles wat ik doe resulteert in een totale verandering van alle plus-tekens naar min-tekens.

[timdebuurman]

Ik dacht het te doen door dit toe te voegen:

$(this).toggleClass('plus').toggleClass('minus');

dan word t zo:

Code: Select all

<__script__ type="text/javascript">
jQuery(document).ready(function() {
  jQuery(".shcontent").hide();
  jQuery(".shtitle").addClass('plus');

  jQuery(".shtitle").click(function()
  {
$(this).toggleClass('plus').toggleClass('minus');	 
	 
   $('.active').slideUp(500).removeClass('active');    
   $(this).next('div.shcontent').slideDown(500).addClass('active'); 

  });
});
</__script>

Maar dan veranderd alleen de plus naar min van degene waar je op klikt, dus niet die inklapt bij klikken op de volgende.

Maar ik denk dat we wel in deze richting moeten denken.

[rodeto]

Ja, deze mogelijkheid had ik ook geprobeerd.
Wellicht iemand anders die hierin kan helpen?

[timdebuurman]

tja, dit is een CMSMS forum, geen JQUERY-forum..

[rodeto]

Ik weet het
Toch bedankt iedereen voor de goede hulp.