幻燈片切換 - jQuery

Question

我已經構建了一個滑動的DIV與幾個錨，點擊時，我想顯示其相應的DIV。

然而，當你點擊操作時，它有點bug。當然有更好的方法來做到這一點？我不認爲自己構建得非常好，所以任何人都可以提出傾向性，或者讓一個項目被點擊時隱藏其他項目。

起初我還需要金融DIV表示正提供是一個痛苦......

http://jsfiddle.net/MZNyC/

Answer 1

我建議你創建一個會持什麼樣的當前顯示的變量。點擊標籤後，它會隱藏當前標籤，顯示新標籤，然後將新標籤設置爲當前標籤。

我已經修改了你的提琴進行論證：http://jsfiddle.net/t0nyh0/MZNyC/20/

Answer 2

您可以在按鈕使用的onClick（）事件，並使用功能廢話按鈕並在按鈕被點擊時重新使用它。所以如果你添加另一個按鈕，在函數中傳遞參數（按鈕來完成「切換」）。

問候

Answer 3

http://jsfiddle.net/MZNyC/21/

不要使用切換，調用siblings.hide（）每個面板開關。

裹在一個包含分區面板（所以兄弟姐妹（）。隱藏（）只隱藏其他面板，而不是頭）

Answer 4

有一個處理程序的各個環節來管理這個簡單的方法。您所需要的只是一種創建鏈接和內容之間關係的方法。這是一種通過向鏈接添加一個屬性的方法。隨後，可以設置只定義當前的一些類名，使其容易滑動備份

HTML：

<a class="finance-btn titlejob" href="#" data-class="finance"> 

JS：

$('.titlejob').click(function() { 
    var newContent = $('.' + $(this).data('class'));; 
    $('.content_active').removeClass('content_active').slideToggle("slow", function() { 
     newContent.slideToggle("slow").addClass('content_active'); 
    }); 
return false; 
});