Jquery if instruction help

Question

Je veux savoir comment écrire correctement une instruction if avec jquery. J'ai un tas de div avec une ancre dans chacun d'eux qui, lorsqu'on clique dessus, étend la largeur de la div en utilisant toggleClass. Cela fonctionne bien mais je veux écrire une instruction if qui vérifie si les autres div ont la même classe appliquée, si donc contracte ce div, puis développe le div suivant (espoir qui a du sens), mon code jusqu'à présent:

HTML:

<div class="content-block"> 
    <h2>Title</h2> 
    <p>Content...</p> 
    <a class="expand" href="#">Expand View</a> 
</div> 
<div class="content-block"> 
    <h2>Title</h2> 
    <p>Content...</p> 
    <a class="expand" href="#">Expand View</a> 
</div> 
<div class="content-block"> 
    <h2>Title</h2> 
    <p>Content...</p> 
    <a class="expand" href="#">Expand View</a> 
</div> 
<div class="content-block"> 
    <h2>Title</h2> 
    <p>Content...</p> 
    <a class="expand" href="#">Expand View</a> 
</div> 

JQUERY:

$(document).ready(function(){ 
$('a.expand').click(function(){ 
    $(this).parent('.content-block').toggleClass('wide'); 
}); 

});

Answer 1

Vous pouvez le faire comme ça, pas besoin d'un si dans ce cas:

$(document).ready(function(){ 
    $('a.expand').click(function(){   
    $(this).parent('.content-block').toggleClass('wide') 
      .siblings('.wide').removeClass('wide'); 
    }); 
}); 

Vous alternez la grande classe sur le parent , puis supprime la classe de tous ses frères et soeurs.

Answer 2

Vous voulez écrire quelque chose comme ceci:

var otherExpanded = $('.content-block.wide'); 
if (otherExpanded.length) 
    //Do things 

Answer 3

Pas besoin d'une instruction if, il suffit d'exécuter removeClass() sur tout ce qui a la wide classe qui lui est appliquée:

$(document).ready(function(){ 
    $('a.expand').click(function(){ 
     $('.content-block.wide').removeClass('wide'); 
     $(this).parent('.content-block').addClass('wide'); 
    }); 
}); 

Et pour l'amour de la performance, il suffit d'utiliser addClass() et removeClass() au lieu de toggleClass()