.show元素和.hide元素

我有6「外」的div都有一個內部img標籤。
在每次6名div的是爲每個6周的div

我想內容的另一個DIV當我點擊一個「外」的div隱藏所有外div的，讓我看看下一格的內容。

這是函數。至極它的工作原理有http://jsfiddle.net/Weinz/jdFRw/4/

但在測試現場只隱藏.outerDiv沒有顯示未來.innerDiv

$(function() { 
    $(".outerDiv").click(function() { 
     $(".outerDiv").hide(); 
     $(".innerDiv").hide(); 
     $(this).next("div").show(); 
    }); 
    $(".innerDiv").click(function() { 
     $(".outerDiv").show(); 
     $(".innerDiv").hide(); 
    }); 
});

真正的HTML代碼是這樣的

<div class="block outerDiv"><a href="#"><img src="images/placeholder.jpg" width="165" height="74" alt="Temp" /></a></div> 
    <div class="container innerDiv" style="display:none;">

我認爲這個問題是上.next，但我嘗試不同的選項，沒有任何工作。

，如果我不設置它的工作原理innerDiv顯示...

來源

2012-10-01 Weinz

我會檢查的第一件事是JQuery加載？ – Timbadu

它似乎也與您的最終代碼http://jsfiddle.net/jdFRw/13/;它與你的代碼相似嗎？ –

正確加載jQuery。是的，與此代碼類似。 http://alpha.venasanxenxo.com/trending/ 這是網站的ADRESS。 divs位於#expositores部分 – Weinz

試試這個

$(function() { 
$(".outerDiv").click(function() { 
    $(".outerDiv").hide(); 
    $(".innerDiv").hide(); 
    $(this).next("div").show().css('display', 'block'); 
}); 
$(".innerDiv").click(function() { 
    $(".outerDiv").show(); 
    $(".innerDiv").hide(); 
});

}）;

來源

2012-10-01 16:34:35

只隱藏outerDiv的不顯示innerDiv。 http://alpha.venasanxenxo.com/trending這是網站的地址。 divs在#expositores部分下 – Weinz

.show元素和.hide元素

回答

相關問題