Jquery 单独显示隐藏/切换不工作
我有下面的代码,当我单击readmore时,它当前将打开所有。我怎样才能单独打开它们Jquery 单独显示隐藏/切换不工作,jquery,Jquery,我有下面的代码,当我单击readmore时,它当前将打开所有。我怎样才能单独打开它们 $(document).ready(function() { $(".readmore-content").hide(); $(".read-more").click(function(e) { $(".readmore-content").toggle("slow"); e.preventDefault(); }); }); HTML 乱数假文
$(document).ready(function() {
$(".readmore-content").hide();
$(".read-more").click(function(e) {
$(".readmore-content").toggle("slow");
e.preventDefault();
});
});
HTML
乱数假文
洛雷姆ip sum soem
lorem ipsum lorem ipsum lorem ipsum lorem ipsum
乱数假文
乱数假文
洛雷姆ip sum soem
lorem ipsum lorem ipsum lorem ipsum lorem ipsum
乱数假文
$(this)
parent()
next()
$(文档).ready(函数(){
$(“.readmore content”).hide();
$(“.read more”)。单击(函数(e){
$(this).parent('p').next('readmore content').toggle(“slow”);
});
});代码>
乱数假文
洛雷姆ip sum soem
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
乱数假文
洛雷姆ip sum soem
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
将当前元素上下文与$(this)
使用parent()
使用next()
$(文档).ready(函数(){
$(“.readmore content”).hide();
$(“.read more”)。单击(函数(e){
$(this).parent('p').next('readmore content').toggle(“slow”);
});
});代码>
乱数假文
洛雷姆ip sum soem
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
乱数假文
洛雷姆ip sum soem
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
将当前元素上下文与$(this)
使用parent()
使用next()
$(文档).ready(函数(){
$(“.readmore content”).hide();
$(“.read more”)。单击(函数(e){
$(this).parent('p').next('readmore content').toggle(“slow”);
});
});代码>
乱数假文
洛雷姆ip sum soem
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
乱数假文
洛雷姆ip sum soem
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
将当前元素上下文与$(this)
使用parent()
使用next()
$(文档).ready(函数(){
$(“.readmore content”).hide();
$(“.read more”)。单击(函数(e){
$(this).parent('p').next('readmore content').toggle(“slow”);
});
});代码>
乱数假文
洛雷姆ip sum soem
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
乱数假文
洛雷姆ip sum soem
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
<div class="result-b">
<h4> lorem ipsum </h4>
<p>lorem ip sum soem <a href= "#" class="read-more">Read more</a> </p>
<div class="readmore-content">
lorem ipsum lorem ipsum lorem ipsum lorem ipsum
lorem ipsum
</div>
</div>
<div class="result-b">
<h4> lorem ipsum </h4>
<p>lorem ip sum soem <a href= "#" class="read-more">Read more</a> </p>
<div class="readmore-content">
lorem ipsum lorem ipsum lorem ipsum lorem ipsum
lorem ipsum
</div>
</div>