Javascript 显示隐藏内容 1 2. 3. 4. 5. $（文档）.ready（函数（）{ $（'.nav toggle'）。单击（函数（）{ var collapse_content_selector=$（this.attr（'href'）； 变量切换开关=$（此）； $（折叠内容选择器）。切换（函数（）{ if（$（this.css（'display'）=='none'）； }); }); });

[1] [2][3][4][5]单击div时，我想在行下方显示一个数据框。每个div都有一个单独的数据框，但显示在行的末尾。

如果只有两个这样的div，那么它非常简单。从一个隐藏的开始，单击一个可见的开始，同时切换两个

$（'.nav toggle'）.last（）.hide（）.end（）.on（'click'，function（））{
$（'.nav toggle'）.toggle（）；
});

1.
2
这就是您要寻找的：


谢谢你的回答，假设我有7个框在一行中，就像在日历中一样，当用户点击一个框时，一个数据框就出现在这一行的下面？你能为这个单独发布一个问题吗？
 <div href="#collapse1" class="nav-toggle">1</div>
 <div href="#collapse2" class="nav-toggle">2</div>
 <div href="#collapse3" class="nav-toggle">3</div>
 <div href="#collapse4" class="nav-toggle">4</div>
 <div href="#collapse5" class="nav-toggle">5</div>


$(document).ready(function() {
      $('.nav-toggle').click(function(){
        var collapse_content_selector = $(this).attr('href');                   
        var toggle_switch = $(this);
        $(collapse_content_selector).toggle(function(){
          if($(this).css('display')=='none');
        });
      });

}); 

$(".p").click(function(){
  $(".c").removeAttr( "hidden" );
  $(".p").attr("hidden","hidden");
})

$(".c").click(function(){
  $(".p").removeAttr( "hidden" );
  $(".c").attr("hidden","hidden");
})