0

div を切り替えるボタンがあり、クリック機能でそのボタンを指すことができません。何かアドバイス？

<div class="container">
    <div id="da-slider" class="da-slider">
        <div class="da-slide">
            <h2>About us</h2>
            <p>fsdffjasieffnain</p>
            <div id="test" class="da-link">Read more</div>
            <div class="da-img"><img src="images/1.png" alt="image01" /></div>
        </div>
    </div>
</div>
<div class="layer1">  
        <h1 class="click">click</h1>  
         <div class="content">This is the text to hide</div>      
</div>

動作しない私の Jquery コードは次のようになります

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery(".content").hide();
        //toggle the componenet with class msg_body
        jQuery(".da-slider .da-slide .da-link").click(function() {
            jQuery(this).next(".content").slideToggle(500);
        });
    });
</script>

動作するJqueryコードは次のようになります

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery(".content").hide();
        //toggle the componenet with class msg_body
        jQuery(".click").click(function() {
            jQuery(this).next(".content").slideToggle(500);
        });
    });
</script>
4

1 に答える 1

1

要素.contentとしてDIV がないことが原因です。.next()試してみてください：

jQuery(this).closest('.container').next("div").find('.content').slideToggle(500);

jQuery によって提供されるすべての DOM トラバーサル メソッドをより注意深く調べる必要があります。

http://api.jquery.com

ところで、言葉の至るところを書き直す代わりにjQuery：

jQuery(function( $ ) {
    $(".content").hide();
    $(".da-slider .da-slide .da-link").click(function() {
        $(this).closest('.container').next("div").find('.content').slideToggle(500);
    });
});
于 2013-06-11T02:24:26.303 に答える