如果Div爲A，B或C，然後淡出OUT並淡入IN Div X

我正在致力於我的投資組合網站的導航，並且我無法弄清楚如何將其他屬性添加到我的toggle()函數中。如果Div爲A，B或C，然後淡出OUT並淡入IN Div X

它基本上是一個過濾系統，有4點可能的選擇，他們是..

所有
互動
圖形
音頻

我想讓它這樣當你點擊一個按鈕時，它會淡出所有其他選項，並淡入相應的內容secti上..

例如 - 點擊互動式按鈕，這樣做：

「如果一切是可見的，淡出，並在互動變臉」 +「如果圖形是可見的，淡出，並在互動變臉」 +‘如果聲音是可見的，淡出，並在互動的’

使我涵蓋所有的基地我點擊一個按鈕淡出..

我嘗試多個ID添加到代碼失敗在這裏：

$(document).ready(function(){ 
$("#filter-interactive").toggle(function() { 
    $("#wrapper-thumbnails-all, #wrapper-thumbnails-graphic, #wrapper-thumbnails-audio").fadeOut(function() { $("#wrapper-thumbnails-interactive").fadeIn(); }); 
}, function() { 
    $("#wrapper-thumbnails-interactive").fadeOut(function() { $("#wrapper-thumbnails-all").fadeIn(); }); 
    }); 
});

這裏基本上是我簡單的HTML結構： 只有ALL科開始爲可見的，其他所有都設置爲顯示：無;

<body> 

<div id="wrapper-thumbnails-all"> 
Content 
</div> 

<div id="wrapper-thumbnails-interactive"> 
Content 
</div> 

<div id="wrapper-thumbnails-graphic"> 
Content 
</div> 

<div id="wrapper-thumbnails-audio"> 
Content 
</div> 

</body>

來源

2012-06-26 Cody James Sielawa

需要的HTML也。 – ahren

我已經與chackbox嘗試，這是一個例子，我不知道是否是你想要的，但看到這個小提琴：

Fiddle

$('#wrapper-thumbnails-all').fadeIn(); 

$('input:checkbox').change(function(){ 

    if ($(this).is(':checked')){ 
     $('#wrapper-thumbnails-'+$(this).val()).fadeIn(); 
    }else{ 
     $('#wrapper-thumbnails-'+$(this).val()).fadeOut(); 
    } 

});

來源

2012-06-26 06:08:28

如果Div爲A，B或C，然後淡出OUT並淡入IN Div X

回答

相關問題