有两个表示相同数据的div，只有一个更详细。单击按钮时，我需要slideToggle第一个div，然后切换open或slideDown第二个。基本上切换显示的内容，但它必须位于两个单独的div中，因此它不能是同一div中的基本切换。任何想法请：
html：编辑
<div id="basicTermsRow">
<div class="row">
<div class="col-sm-4">
<div class="standardList">
<ul>
<li>Random Data</li>
<li>This be the div I need to hide<span class="glyphicon glyphicon-cloud"></span></li>
</ul>
</div>
</div>
</div>
</div>
<div id="expandedTerms">
<div class="row">
<div class="col-lg-12">
<p>Good Bye</p>
</div>
js：
$( "#editButton" ).click(function() {
$( "#basicTermsRow" ).slideToggle( "fast" );
});
小提琴：
您需要做的第一件事是使扩展div最初处于隐藏状态。然后，要实现所需的功能，只需在用户按下按钮时切换两个div。像这样：
<div id="expandedTerms" style="display:none">
尽管最好在CSS中进行隐藏以避免内联样式化。
该脚本将如下所示：
$( "#editButton" ).click(function() {
$( "#basicTermsRow" ).slideToggle( "fast" );
$( "#expandedTerms" ).slideToggle( "fast" );
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句