开发者社区> 问答> 正文

jQuery显示隐藏求助

<div id="post">
    <div class="control"> 操作</div>
    <div class="post-title"> 标题 </div>
    <div class="post-content"> 内容 </div>
</div>
<div id="post">
    <div class="control"> 操作</div>
    <div class="post-title"> 标题 </div>
    <div class="post-content"> 内容 </div>
</div>
<div id="post">
    <div class="control"> 操作</div>
    <div class="post-title"> 标题 </div>
    <div class="post-content"> 内容 </div>
</div>
<div id="post">
    <div class="control"> 操作</div>
    <div class="post-title"> 标题 </div>
    <div class="post-content"> 内容 </div>
</div>
<style type="text/css">
.post-title,.post-content{ display:none;}
</style>
#post中,点击.control后,当前#post中的.post-title,.post-content 不显示,再次点击.control,当前#post中的.post-title,.post-content 显示,这样循环。

展开
收起
a123456678 2016-07-06 14:32:28 1757 0
1 条回答
写回答
取消 提交回答
  • $("div .control").bind("click",function(){
      $(this).nextAll().toggle();
    });
    
    2019-07-17 19:52:06
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

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