0

基本的には、このようなものを書き込もうとしています。.button をクリックすると、.slideToggle(s) が関連付けられた .box Div になります。それらをコンテナー div 内にネストして、さまざまな方法を試します。

私はばかげていると感じます、これは何度も尋ねられました。私は少なくとも十数個試しましたが、どれもうまくいきませんでした。

コードはこちら。

http://jsfiddle.net/BurRQ/25/

<div class="container">
    <div class="header">
        <a href="#" class="toggle">TOGGLE</a>
    </div>
    <div class="box">
        <p>Content</p>
    </div>
</div>​

乾杯。

4

2 に答える 2

2

.parentを使用する前に、メソッドを使用してヘッダーに戻る必要があります.next。

http://jsfiddle.net/BurRQ/26/

前

$('.toggle').click(function(){
    $(this).next('.box').slideToggle("slow");
}); // .click

後

$('.toggle').click(function(){
    $(this).parent().next('.box').slideToggle("slow");
}); // .click
于 2012-11-21T08:00:32.087 に答える
0

これを行うには多くの方法がありますが、ここでは 3 つ (名前を付けることができるため) を示します。

家族法：$(this).parent().siblings('.box').slideToggle();

最も近い検索方法:$(this).closest('.container').find('.box').slideToggle();

次の親メソッド:$(this).parent().next().slideToggle();

于 2012-11-21T08:27:07.743 に答える