jQuery で、という名前の動的タブを作成しましたclosedable-tab
。このタブに「閉じる」アイコンを表示したいのですが、それをクリックするとタブが閉じます。
それを実装する方法は?
<ul class="nav nav-tabs">
<li role="presentation" class="">
<a class="tabs-li" href="/online_issues/index">tab1</a>
</li>
<li role="presentation">
<a class="tabs-li" href="/online_issues/index">tab2</a>
</li>
<li role="presentation">
<a class="tabs-li" href="/online_issues/index">tab3</a>
</li>
<li role="presentation">
<a class="tabs-li" href="/online_issues/index">tab4</a>
</li>
<li role="presentation" class="active">
<a class="tabs-li closeable-tab-li" href="/online_issues/index">closeable-tab</a>
</li>
</ul>
以下は、望ましい結果を示すイメージです。