Bascule DEUX panneaux avec UN SEUL VISIBLE Est-ce possible?

Question

J'ai deux panneaux coulissants. J'ai besoin d'un seul panneau ouvert à la fois. En ce moment, ils peuvent tous les deux ouvrir. Mon lien de projet: link text

Voici mon code:

$(document).ready(function(){ 
$(".btn-slide").click(function(){ 
    $("#panel_quote").slideToggle("slow"); 
    $(this).toggleClass("closeQ"); return false; 
}); 
    }); 



    $(document).ready(function(){ 
$(".btn-slide2").click(function(){ 
    $("#panel_login").slideToggle("slow"); 
    $(this).toggleClass("closeL"); return false; 
}); 
    }); 

Answer 1

J'ai regardé le lien que vous avez fourni, mais je ne pouvais pas voir les boutons.

Quoi qu'il en soit. Ce que vous voulez probablement est de montrer seulement "#panel_quote" ou "#panel_login". Dans ce cas, je vous conseille d'utiliser hide() onload sur l'un d'eux, puis dans un bouton bascule à la fois comme ceci:

$(".btn-slide").click(function(){ 
    $("#panel_login").slideToggle("slow"); 
    $("#panel_quote").slideToggle("slow"); 
}); 

Ou si vous voulez vraiment utiliser les deux boutons, il suffit d'ajouter l'autre bascule à chaque gestionnaire de bouton. Et encore, vous pouvez utiliser le hide() onload. Il est plus sûr de procéder ainsi plutôt que de donner des valeurs de css initiales pour masquer le panneau à cause des utilisateurs avec javascript désactivés.