开发者社区 问答 正文

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 1830 分享 版权
1 条回答
写回答
取消 提交回答
  • $("div .control").bind("click",function(){
      $(this).nextAll().toggle();
    });
    
    2019-07-17 19:52:06
    赞同 展开评论
问答分类:
问答标签:
问答地址: