防止bootstrap父也折叠了孩子崩溃?

时间:2015-04-20 13:50:29

标签: html css twitter-bootstrap

目前,我有两个按钮。单击时,父按钮会显示内容,而其中一部分内容是另一个按钮,也可以单击以取消折叠。

我希望在父母被打开时关闭孩子,但我认为存在冲突并且孩子由于父母而开放。 有什么方法可以解决父母和父母的问题。孩子可以单独折叠吗?

父:



<button id="smxs-filter-button" type="button" class="smxs-filter-button btn btn-block" data-toggle="collapse" data-target="#smxs-filter">

<button id='seemore-button' type='button' class='btn btn-block' data-toggle='collapse' data-target='#seemore'>
</button>

</button>
&#13;
&#13;
&#13;

编辑: 这是我的问题的一个例子。 当父母被打开时,我要求辅助可折叠为关闭,以便&#34; yoyo&#34;不显示。 http://www.bootply.com/UhUtCNMRb4

1 个答案:

答案 0 :(得分:0)

解决了它。 http://www.bootply.com/S9CeJ5zFOn

<div>
  <button id="smxs-filter-button" type="button" class="smxs-filter-button btn btn-block" data-toggle="collapse" data-target="#smxs-filter">
    <h3>Parent</h3>
  </button>
  
    <div id="smxs-filter" class="smxs-filter panel-collapse collapse">
        <button id="seemore-button" type="button" class="btn btn-block" data-toggle="collapse" data-target="#seemore">
        	<h3>Child</h3>
      	</button>
    </div>
  
    <div id="seemore" class="collapse">
    	yoyo
    </div>
</div>