Как мы можем использовать один и тот же вид на разных вкладках, и в то же время разные представления меняются на этой вкладке?

Question

Я использую разные вкладки на одной странице. Я хочу, чтобы, когда я переключаю вкладку, представление, которое я хочу заменить, заменится, и представление, которое хочет показать то же самое в другой вкладке, останется таким же

Answer 1

Для этой цели вам нужно использовать панели вкладок Bootstrap. Если вы хотите заменить представление по отношению к нажатой вкладке

Вот код

// Это будут ваши вкладки, которые принажатие откроет div с идентификатором, указанным в их href

<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#about">About</a></li>     
</ul>

// Это будет содержимое вашей вкладки, которое в основном является содержимым вкладок для всех кнопок / вкладок выше

<div class="tab-content">

// содержимое вкладки для дома

<div id="home" class="tab-pane fade in active">
      <h3>HOME</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>

// содержимое вкладки примерно для

<div id="about" class="tab-pane fade">
      <h3>Menu 1</h3>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>

  </div>

Надеюсь, это поможет

Answer 2

введите описание изображения здесь

Я хочу использовать эту recaptcha во вкладках боковой панели, и другие вещи изменятся, например, функциональность кнопки textarea