Bootstrap ToggleButton菜單，如Facebook

Question

請引導複製下面的行爲： 在facebook mobile中，當您在任何帖子中點擊「v」時，全部底部菜單打開（其中一個菜單項是Report） 在此先感謝

Answer 1

我不知道你想要的是什麼，但我有glyphicon圖標（^）並單擊面板隱藏在這裏當面板是的exaple代碼：

HTML

<div class="container"> 
     <div class="panel panel-default"> 
     <div class="panel-heading"> 
      <h4>Create Alert</h4> 
      <span class="btn btn-xs btnAgregar" data-toggle="collapse" data-target="#formulario"></span> 
     </div> 

    <div id="formulario" class="collapse in"> 
     <div class="panel-body"> 
      <div class="col-md-12"> 
       <div class=" form-group col-md-2"> 
        <label class="control-label">ID:</label> 
        <input id="ID" name="ID" type="text" readonly="readonly" class="form-control" /> 
     </div> 
     <div class=" form-group col-md-2"> 
      <label class="control-label">Panel Collapse Example</label> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

CSS：

 .btnAgregar:after { 
      font-family: "Glyphicons Halflings"; 
      content: "\e113"; 
     } 

     .btnAgregar.collapsed:after { 
      content: "\e114"; 
     } 

我上傳的例子在這裏https://jsfiddle.net/uhusp0uy/ 如果你想顯示從一開始就只是改變類=面板隱伏「崩潰」類=「崩潰」