Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 单独显示隐藏/切换不工作_Jquery - Fatal编程技术网

Jquery 单独显示隐藏/切换不工作

Jquery 单独显示隐藏/切换不工作,jquery,Jquery,我有下面的代码,当我单击readmore时,它当前将打开所有。我怎样才能单独打开它们 $(document).ready(function() { $(".readmore-content").hide(); $(".read-more").click(function(e) { $(".readmore-content").toggle("slow"); e.preventDefault(); }); }); HTML 乱数假文

我有下面的代码,当我单击readmore时,它当前将打开所有。我怎样才能单独打开它们

$(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>