php - jQuery nextUntil の問題

Question

誰かがこれで私を助けることができますか? それぞれの「showfaqanswer」をクリックすると「faqanswer」が表示されるようにしたいだけです。PHP と jQuery コードの何が問題なのかわかりません。助けてくれてありがとう！

<?php query_posts("cat=17&posts_per_page=7&offset=7"); ?>
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

<p>
<a href="#" id="showfaqanswer"><?php the_title(); ?></a><br />
</p>

<div id="faqanswer"><?php the_content(); ?></div> 

<?php endwhile; ?>

jQuery(document).ready(function() {
$('#showfaqanswer').click(function(){
$('#faqanswer').nextUntil('#showfaqanswer').show();
});
});

Answer 1

セレクターのドキュメントを読んでください: siblingsを取得するため、兄弟がいない場合は何も選択されません。nextUntil

$('#showfaqanswer').click(function(){

    // get the parent of the current #showfaqanswer, select until the the next p-tag
    $(this).parent().nextUntil('p').show();
});

Answer 2

クラスを使用する必要があります。IDは一意でなければならないためです。

これを試してください：

<?php query_posts("cat=17&posts_per_page=7&offset=7"); ?>
<?php $i=1; ?>
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

<p>
<a href="#" id="<?php echo $i;?>" class="fanswer"><?php the_title(); ?></a><br />
</p>

<div id="faqanswer<?php echo $i;?>" style="display:none;"><?php the_content(); ?></div> 
<?php $i++; ?>
<?php endwhile; ?>

jQuery(document).ready(function() {
$('.fanswer').click(function(){
var id = $(this).id;
$('#faqanswer'+id).show();
});
});