引導按鈕錯誤的字體添加鏈接

Question

後，這是我的HTML代碼：

<div class="panel panel-default"> 
    <div class="panel-heading"> 
     Datensätze 
     <button type="button" class="btn btn-xs btn-success pull-right" id="command-add" data-row-id="1"> 
      <span class="glyphicon glyphicon-plus"></span> bla</button> 
      <button type="button" class="btn btn-xs btn-info pull-right" id="command-import" data-row-id="1"> 
      <span class="glyphicon glyphicon-hdd" href="javascript:void(0);" onclick="$('#importFrm').slideToggle();" </span> blu</button> 
     <div class="clearfix"></div> 
    </div> 
    <div class="panel-body"> 
    <form action="script.php" method="post" enctype="multipart/form-data" id="importFrm"> 
       <input type="file" name="file" /> 
       <input type="submit" class="btn btn-primary" name="importSubmit" value="go!"> 
      </form> 
    </div> 
</div> 
     </div> 

小提琴：https://jsfiddle.net/ddt3skr6/

正如你所看到的，我只想要點擊導入按鈕後，顯示導入選項。我設置鏈接，但現在這個按鈕的字體是非常醜陋的......

也許有人可以幫我找到正確的功能和該按鈕的字體的解決方案。

Answer 1

你沒有關閉<span>標籤有id="command-import".

另外，在你的情況，你只需要向下滑動按鈕後，那麼首先它必須向上滑動，然後，點擊就可以滑動下。

你可以檢查這個demo你必須點擊硬盤圖標「Datensätzeimportieren」切換。

Answer 2

這個標籤<span class="glyphicon glyphicon-hdd" href="javascript:void(0);" onclick="$('#importFrm').slideToggle();"有沒有結束符>

和最後div在最後一行是無用的。

Demo