我有一個Bootstrap按鈕組,它具有2個按鈕(JSON和XML),JSON在頁面加載時處於活動狀態。按下XML按鈕將自動改變焦點。Bootstrap按鈕組顯示/隱藏Div
現在,我想爲這些按鈕添加一些行爲,以便單擊XML按鈕隱藏error-json
pre元素並顯示error-xml
pre元素。
是否有一個Bootstrap-native的方式來實現這一目標?
<div class="btn-group">
<button class="btn btn-default" autofocus="true">JSON</button>
<button class="btn btn-default">XML</button>
</div>
<pre id="error-json" class="hidden"><code class="language-json">{
"ErrorCode": STATUS_CODE,
"Description": ERROR_MSG
}</code></pre>
<pre id="error-xml"><code class="language-xml"><error>
<ErrorCode>STATUS_CODE</ErrorCode>
<Description>ERROR_MSG</Description>
</error>
</code></pre>