开发者社区> 问答> 正文

jquery if语句 单击按钮时展开的时候又自动收缩了?为什么?

$(document).ready(function(){
  $(".btn2").click(function(){
    if( $("p").slideDown()){
      $("p").slideUp();
}else{
  $("p").slideDown();
}
  });
});
<body>
<p>This is a paragraph.</p>
<button class="btn2">Show</button>
</body>

我想要效果的是单击按钮展开的时候就展,单击的时候就收缩。

展开
收起
小旋风柴进 2016-05-27 08:55:46 2044 0
1 条回答
写回答
取消 提交回答
  • 首先你不能这么判断 $("p").slideUp(); 是没有返回值的 所以 这里条件判断是执行不成功的

    第二 可以用slideToggle()就行;

    
      $(document).ready(function(){
      $(".btn2").click(function(){
          $("p").slideToglle();//先隐藏还是先显示 就是你设置p的display值了
      });
    });
    2019-07-17 19:16:59
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载

相关实验场景

更多