0

私は単純なjQuery効果のように見えることをしようとしています.以前に同様のコードを使用しましたが、動作させることができません. 私はまだこれにかなり慣れていません。おそらく非常に簡単なことですが、かなりの時間を費やしましたが、わかりません。

私の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 () {
    });
  });
 });

私も試しました： $(this).next().toggle('slow', function ()

$('.details').toggle('slow', function () のみが機能しますが、それは私のページのすべての詳細タブを開きますが、あまり役に立ちません。

ヒントをいただければ幸いです。

4

1 に答える 1

0

答えてくれてありがとう！私の問題は、Codeigniter を使用した結果であると思われました。a タグと div タグの周りに空白がありました。パトリックが示唆したように、firebug で生成された html を見ると、空白は含まれていない p タグで囲まれていました。次のような私のコード：

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

したがって、parent().next().child() のようなものを使用する必要がありました。空白を削除すると、要素が再び兄弟になり、すべてがうまくいきました. 今、私は codeigniter がそれを行うのを止める方法を理解する必要があります!

再度、感謝します！

レベッカ

于 2011-01-03T16:30:11.030 に答える