@kaidos

Как сделать чтобы div показывался только на элементе на которое я нажал а не на всех сразу?

<div class="servers_items">

    <div class="server_item">

      <div class="server_item_content">

        <img src="img/server_ico/rocket.svg" alt="">

        <div class="server_text">

          <p class="name_server">Rodes RP | Rocket</p>
          <p class="online_server">Онлайн: <span>423/500</span></p>

        </div>

      </div>

      <div class="server_item_active">

        <div class="server_item_active_wrapper">

          <p class="nickname">Padre Galante</p>
          <p class="time_on_server">Время: <span>234ч</span></p>

        </div>

        <button class="server-btn">Играть</button>

      </div>

    </div>

    <div class="server_item">

      <div class="server_item_content">

        <img src="img/server_ico/star.svg" alt="">

        <div class="server_text">

          <p class="name_server">Rodes RP | Star</p>
          <p class="online_server">Онлайн: <span>453/500</span></p>

        </div>

      </div>

      <div class="server_item_active">

        <div class="server_item_active_wrapper">

          <p class="nickname">Padre Galante</p>
          <p class="time_on_server">Время: <span>134ч</span></p>

        </div>

        <button class="server-btn">Играть</button>

      </div>

    </div>

</div>


function openServer(){
    $(".server_item_active").hide();

    $('.server_item').on('click', function() {
        $('.server_item_active').show();
    });
    
}

openServer();
  • Вопрос задан
  • 47 просмотров
Решения вопроса 1
kritskiy_a
@kritskiy_a
Frontend-developer
function openServer(){
    $(".server_item_active").hide();

    $('.server_item').on('click', function() {
    	$(".server_item_active").hide();
        $(this).find('.server_item_active').show();
    });
    
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Radical0x3
Front-End Developer
Попробуйте так.
function openServer(){
    $(".server_item_active").hide();

    $('.server_item').on('click', function() {
       $(this).next(".server_item_active").show();
    });
}

Upd. Александр прав. Я не заметил, что server_item_active вложен в server_item. Так что нужно использовать
$(this).find('.server_item_active').show();
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы