Jquery 隐藏引导选项卡内容_Jquery_Twitter Bootstrap

Jquery 隐藏引导选项卡内容

jquery twitter-bootstrap

Jquery 隐藏引导选项卡内容,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我有引导选项卡，每个选项卡都有一个内容。我想隐藏“活动”选项卡的内容，并仅在单击该选项卡后显示。如何首先隐藏内容并在单击选项卡后显示请给我一些建议。提前谢谢你企业分析一些内容一些内容2 请查看以下更新的代码。这将帮助您解决问题带数据目标的按钮 ... $（文档）.ready（函数（）{ $（“.active”）。单击（函数（）{ $（“.active_content”）.show（）； }); }); .活动内容{ 显示：无； } 一些内容一些内容

我有引导选项卡，每个选项卡都有一个内容。我想隐藏“活动”选项卡的内容，并仅在单击该选项卡后显示。如何首先隐藏内容并在单击选项卡后显示

请给我一些建议。提前谢谢你


企业分析





一些内容
一些内容2

请查看以下更新的代码。这将帮助您解决问题


带数据目标的按钮
...


$（文档）.ready（函数（）{
$（“.active”）。单击（函数（）{
$（“.active_content”）.show（）；
}); 
});
.活动内容{
显示：无；
}





一些内容
一些内容2

我已尝试过该解决方案，但我想单击选项卡上的“上一步”，并将再次隐藏内容。谢谢你！葛丽塔！谢谢如何使“活动”选项卡上的单击返回并再次隐藏内容？

<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script>
$(document).ready(function(){
    $(".active").click(function(){
        $(".active_content").show();
    }); 
});
</script>

<style>
.active_content{
display:none;
}
</style>

</head>
<body>

<!-- Nav tabs -->
<ul class="nav nav-pills pill-marg" role="tablist">
    <li role="presentation" class="active"><a class="" href="#orange" aria-controls="3"role="tab" data-toggle="tab">Active Tab Name</a></li>
    <li role="presentation"><a class="" href="#apple" aria-controls="tracking"role="tab" data-toggle="tab">Tab Name</a>
        </li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="orange">
         <div class="container">
          <div class="row active_content">Some content</div>
          </div>
         </div>

      <div role="tabpanel" class="tab-pane" id="apple">
      <div class="container">
      <div class="row">Some Content2</div>
      </div>
      </div>

</div>

</body>
</html>