1

ブログの投稿ループで投稿のタイトルのみを公開したいと思います。タイトルをクリックすると、抜粋が下に表示されます。

これまでのところ、私はこれを得ました：

$("#postTitle").click(function () {
$("#postExcerpt").toggle();

これは最初の結果のみで機能します。

ただし、これは次のとおりです。

$("#postTitle").click(function () {
$("#postExcerpt").next().toggle();

全く動かないし、原因がわかりません。

私のループは次のようになります。

<div class="box">
    <div class="block">
    <p id="postTitle"><a href="#">Post Title</a></p>
    <p id="postExcerpt" style="display:none;">Post Excerpt</p>
     </div>
</div>

あなたの助けに感謝します!

4

1 に答える 1

2 
<script type="text/javascript">
$(document).ready(function(){
    $('#postTitle a').click(function(event){
        event.preventDefault();
        $(this).parent('#postTitle').siblings('#postExcerpt').toggle();
    });
});
</script>

ここでのデモ：http：//jquery.nodnod.net/cases/702/run

Of course, you should never reuse HTML IDs. You should use classes.

于 2009-08-27T13:26:23.297 に答える