需要一個jQuery插件可用於顯示隱藏

任何人都可以請我提供一些指向幻燈片窗口插件，如果有的話，在jQuery中可用。基本上，我需要實現雅虎郵件的功能，您可以點擊按鈕隱藏窗口右側顯示的廣告窗格。需要一個jQuery插件可用於顯示隱藏

上任何幫助，非常感謝

感謝和問候， Manav

2013-08-26 Manav Bhanot

問題刪除元素要求我們建議或找到一個工具，庫或喜愛的異地資源對St而言是無關緊要的ack溢出，因爲他們傾向於吸引自以爲是的答案和垃圾郵件。相反，請描述問題以及到目前爲止解決問題所做的工作。 – Lix

爲什麼選擇插件？你可以用傳統的jquery輕鬆做到這一點。 – Candide

好的。讓我詳細說明這些要求。我目前正在研究廣泛使用Backbone.js，require.js，jQuery的單頁應用程序。在我的其中一頁上，我想要在最右側最初摺疊的小條，並顯示一個向右的小箭頭。一旦用戶點擊箭頭，該欄就會出現並覆蓋屏幕的一半，從而將已滿的屏幕調整到其一半並相對調整其內容。在這個時候，用戶應該有一個選擇，可以折回或進一步擴展 –

-1

有很多的選擇。開源免費的框架 - jQuery UI及其Slider或Animate

$("#button").click(function(){ 
    if ($("#element").width() > 0) { 
     // slide in 
     $("#element").animate({width: 0},1000); 
    } 
    else { 
     // slide out 
     $("#element").animate({width: 200},1000); 
    } 
});

來源

2013-08-26 08:51:29

如果您有相關的ID panel會坐在屏幕右側的元素，你想它向右滑動，直到它不可見了，然後刪除它，你可以使用jQuery的animate()功能來達到這樣的效果：

$('#panel').animate({'margin-left': width-of-the-panel}, function() { 
    $('#panel').remove(); 
});

$('#panel')獲得與panel的ID的元素
animate()動畫元素的提供的屬性，並調用時，它的完成
margin-left: width-of-the-panel（與面板的實際寬度替換width-of-the-panel，以像素爲單位）的函數的將動畫CSS屬性margin-left，直到它具有等於一個值面板的寬度，有效地將其移動到右側足以使消失關閉屏幕
$('#panel').remove()終於從DOM

來源

2013-08-26 08:51:45 rid

一些探索將在這裏有很長的路要走。 – Lix

感謝您的詳細信息。我現在要試試這個，如果這對我有用，請告訴我。我對UI框架有點新鮮。深入概念可能需要一些時間。非常感謝逐行解釋。這真的有幫助！ –

需要一個jQuery插件可用於顯示隱藏

回答

相關問題