Basculer DEUX panneaux déroulants

Question

J'utilise deux panneaux en haut de ma page Web qui déroulent: "Rapide" et "Connexion client". Quelqu'un peut-il me montrer comment modifier mon code de façon à ce qu'un seul panneau soit ouvert en même temps? Exemple: Si "Client Login" est ouvert et que l'utilisateur clique sur "Fast Quote", le "Client Login" devrait se fermer et la "Fast Quote" tombera.

Voici mon site: http://www.ubspack.com

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

vous fermez simplement l'autre panneau dans vos gestionnaires de clic.

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

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

Answer 2

Essayez quelque chose comme:

$(document).ready(function(){ 
    $(".btn-slide").click(function(){ 
      return Toggle() 
    }); 

    $(".btn-slide2").click(function(){ 
      return Toggle() 
    }); 

    }); 

function Toggle() { 
    $(".btn-slide1").toggleClass("closeQ"); 
    $(".btn-slide2").toggleClass("closeL"); 
} 

Appel Toggle() basculera les deux classes en même temps - il est tout simplement un cas de s'assurer que l'on a appliqué la classe pour commencer ...