2011-01-03 6 views
0

シンプルなjQueryエフェクトでなければならないようなことをしようとしていますが、これまで同様のコードを使用しましたが、動作させることができません。私はまだこれにかなり新しいです、それはおそらく非常に簡単なものですが、私はかなりの時間を過ごしました、私はそれを見ません。jQuery next()はうまくいかないはずです

私HMTLこの

<a href="#" class="trigger">details</a> 
<div class="details">  
    <?echo $data['referral'];?> 
    <a href="#">update</a> 
</div> 

のように私のjQueryの私も試してみました

$(document).ready(function() { 
$('.trigger').click(function() { 
    $(this).nextAll(".details:first").toggle('slow', function() { 
    }); 
    }); 
}); 

です。 $(この).next()((、 '遅い' 機能を切り替える)

$( '。details')。toggle( 'slow'、function() しかし、それは私のページのすべての詳細タブを開きます。有用である。

どのようなヒントをいただければ幸いですか?

+4

[それは私のために働く](http://jsfiddle.net/r29ys/)。 – SLaks

+0

これは実際のコードですか? SLaksが指摘したように、それはあなたが提示したものを与えてもうまくいくはずです。 – user113716

+0

2つのメモ、あなたのdivが常にあなたのリンクの後に来たら、 'next()'を使用してください、 'toggle( 'slow');' – ifaour

答えて

0

ありがとうございました!私の問題はCodeigniterを使用した結果だったようですが、私はaタグとdivタグの周りに空白があり、Firebugで生成されたhtmlを見ると、Patrickが示唆したように、空白はpタグで囲まれていました以下のように私のコード、:。。

<p> 
<a href="#" class="trigger">details</a> 
</p> 

は、だから私は、親のようなものを使用しなければならなかったでしょう()次の()子を()。私は空白を削除し、要素は再び兄弟になり、すべてが順調です。今私はcodeigniterを止める方法を理解する必要があります!

もう一度おねがいします!

レベッカ

+0

この回答の横にある「目盛り」または「確認」アイコンをクリックしてこの回答に「受け入れ済み」とマークすることを検討してください –

関連する問題