vraag over jquery

Rolf · **Posted:** Wed Mar 14, 2012 3:17 pm

@Rodeto,

Je hebt meerdere jQuery aanroepen in jouw template staan.
Dan gaat het fout...

grt. Rolf

rodeto · **Joined:** Thu May 04, 2006 9:12 am **Posts:** 298

Dan maar gewoon terug naar het begin.

Rolf · **Posted:** Wed Mar 14, 2012 3:49 pm

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

®

timdebuurman · **Posted:** Wed Mar 14, 2012 3:51 pm

Mijn code werkt hoor,

Ik zie dat je er code aan hebt toegevoegd:

Jouw code:

Code:

<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:

<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 · **Joined:** Thu May 04, 2006 9:12 am **Posts:** 298

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

timdebuurman · **Posted:** Wed Mar 14, 2012 4:05 pm

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 · **Posted:** Thu Mar 15, 2012 7:24 am

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/Showtime/templates/jquery/jquery-1.4.2.js" ></script>

Dan werkt het.

rodeto · **Joined:** Thu May 04, 2006 9:12 am **Posts:** 298

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 · **Posted:** Thu Mar 15, 2012 8:03 am

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 · **Posted:** Thu Mar 15, 2012 8:42 am

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 · **Joined:** Thu May 04, 2006 9:12 am **Posts:** 298

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 · **Posted:** Thu Mar 15, 2012 9:47 am

Ik dacht het te doen door dit toe te voegen:

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

dan word t zo:

Code:

<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 · **Joined:** Thu May 04, 2006 9:12 am **Posts:** 298

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

timdebuurman · **Posted:** Thu Mar 15, 2012 11:50 am

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

rodeto · **Joined:** Thu May 04, 2006 9:12 am **Posts:** 298

Ik weet het

Toch bedankt iedereen voor de goede hulp.

vraag over jquery

Who is online