0

私はこの問題を抱えています：

  • 6つの「外部」divがあり、それぞれにimgタグがあります。
  • 各6divの後には、各6divのコンテンツを含む別のdivがあります。

1つの「外部」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で表示を設定しない場合、それは機能します...

4

1 に答える 1

1

これを試して

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

}）;

于 2012-10-01T16:34:35.860 に答える