Как сделать кнопку на закрытие активного tab bootstrap?

Question

[Sansara0891]

Здравствуйте. Задача у меня стоит следующая: сделать меню через табы. Всё реализовал, но нужно, чтобы была кнопка на закрытие tab-content. Всё реализовано на bootstrap 3. Помогите js-сом, пожалуйста)

Answer 1

[novrm]

Попробуйте юзать стандартную кнопку "close".

<ul class="nav nav-pills">
  <li role="presentation" class="active"><a href="#">Home</a></li>
  <li role="presentation"><a href="#">Profile</a></li>
  <li class="alert" role="presentation">
    <a href="#">
      <button type="button" class="close pull-right" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      Messages
    </a>
  </li>
</ul>

Comments

[Sansara0891]

Спасибо за совет. Закрывает без проблем, но после закрытия повторно не открыть этот таб. Как можно решить эту проблему?

[novrm]

Sansara0891, Может быть действия - спрятать/показать,
... или закрыть/создать...
Если вы закрыли таб - вы попросту УДАЛИЛИ его с html-разметки. Восстановить - нельзя.

Вы просили - именно закрыть - я вам дал ответ.

Если вам нужно скрыть/показать - попробуйте использовать спойлер.