切換兩個下拉麪板

我在我的網頁頂部使用了兩個面板，分別是「快速報價」和「客戶端登錄」。有人能告訴我如何改變我的代碼，以便一次只打開一個面板嗎？例如：如果「客戶登錄」打開並且用戶點擊「快速報價」，則「客戶登錄」應該關閉，並且「快速報價」下降。切換兩個下拉麪板

這裏是我的網站：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; 
}); 
});

來源

2010-09-28 Erik

您只需關閉點擊處理程序中的其他面板即可。

$(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; 
    }); 
});

來源

2010-09-28 16:13:09

你的代碼和我在切換時有點困惑。你可以看到。 – Erik 2010-09-28 16:39:04

哪一部分讓你感到困惑？我添加的所有內容都是'.slideUp（）'調用。 – 2010-09-28 16:43:48

謝謝你的工作很好，但我想弄清楚如何到圖像鏈接：$（this）.toggleClass（「closeQ」）;和$（this）.toggleClass（「closeQ」）;當面板返回.... – Erik 2010-09-28 17:23:23

嘗試類似：

$(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"); 
}

調用Toggle()將同時切換兩個類 - 那麼它是一個簡單的情況下，確保一個人適用於從一開始...

來源

2010-09-28 16:11:36 Basic

將工作沒關係，除非其他面板*不*顯示... – 2010-09-28 16:13:36

因此「母雞它只是確保一個的情況下，已應用開始與階級......」我用:) – Basic 2010-09-28 19:59:29

切換兩個下拉麪板

回答

相關問題