我正在制作一个博客网站,希望标题或链接在点击时显示帖子,我已经让它工作了,所以当点击其中一个时它们都会打开,但我只希望它是标题下方的那个
JQuery:
$(document).ready(function(){
$('.slidingDiv').hide();
$('.show_hide').show();
$('.show_hide').click(function(){
$('.slidingDiv').slideToggle();
});
});
PHP:
for($i=0; $i<5; $i++)
{
print "
<a href='#' class='show_hide'>Article name</a>
<div class='slidingDiv'>
Fill this space with really interesting content.
</div>
<br>
<br>
";
}
提前致谢
最佳答案
您可以使用.next
仅选择下一个 .slidingDiv
$(this).next('.slidingDiv').slideToggle();
片段
$('.slidingDiv').hide();
$('.show_hide').show();
$('.show_hide').click(function() {
$(this).next('.slidingDiv').slideToggle();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href='#' class='show_hide'>Article name</a>
<div class='slidingDiv'>
Fill this space with really interesting content.
</div>
<br>
<br>
<a href='#' class='show_hide'>Article name</a>
<div class='slidingDiv'>
Fill this space with really interesting content.
</div>
关于javascript - JQuery 切换下一类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35753743/