html - 防止 Bootstrap parent 也崩溃 child 崩溃？

Question

目前，我有两个按钮。单击时父按钮会显示内容，而该内容的一部分是另一个按钮，也可以单击该按钮以展开。

我希望在打开父项时关闭子项，但是我假设存在冲突并且由于父项而导致子项打开。 有什么方法可以单独解决父级和子级可折叠问题？

家长:

<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>

编辑: 这是我遇到的问题的示例。 我要求在打开父项时关闭辅助可折叠项，以便不显示“yoyo”。 http://www.bootply.com/UhUtCNMRb4

Answer 1

解决了。 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>