Jquery addClass/removeClass werkt niet.

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Stefan

Stefan

24/08/2009 23:47:00
Quote Anchor link
Ik ben bezig met een archief voor nieuws berichten, nu wil ik dat als je op een link klikt, dat hij dan een verborgen div laat zien. En als je dan weer op die zelfde link klikt, word de div weer verborgen

Hier voor heb ik het volgende stukje voor bedacht:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
          $("a.show").click(function(event){
                $("a.show[id="+this.id+"]").removeClass("show")
                $("a[id="+this.id+"]").addClass("hide")
                $("div[title!="+this.id+"][class=news]").hide(500)
                $("div[title="+this.id+"][class=news]").show(500)
                event.preventDefault();
          });


Alleen nu als je weer op de linkt zet hij de class niet naar hide.

Als je meer code nodig hebt bv. de link, moet je het even zeggen.

Weet iemand misschien waarom, en hoe ik dit kan fixen?
 
PHP hulp

PHP hulp

18/04/2021 19:36:51
 
Rens nvt

Rens nvt

25/08/2009 00:46:00
Quote Anchor link
Eehrm, zoiets (niet getest)?
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
$('a.show').click(function()
{
  $("div[title!="+$(this).attr('id')+"][class=news]").toggle();
});

http://docs.jquery.com/Effects/toggle

De toggle() functie gebruiken is veel eenvoudiger dan zelf verbergen / weergeven...
 
Stefan

Stefan

25/08/2009 00:52:00
Quote Anchor link
De oplossing was:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
$(function(){
        $('a.show').toggle(
                                function(){
                                var $id=$(this).attr('href');
                       $('#'+$id).show(500);
                        } ,
                            function(){
                                var $id=$(this).attr('href');
                                          $('#'+$id).hide(500);
                }
        );
});
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.