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

閱讀來自nextUntil選擇的documentation：它得到兄弟姐妹，所以不會選擇任何東西，如果它沒有兄弟姐妹。

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

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

Answer 2

我們需要使用class。因爲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(); 
}); 
});