Как убрать один div при нажатии на него и показать скрытый div jquery?

Всем здравствуйте. Помогите решить проблему.
На странице отображаются два div с class="test" , третий div с id="offres" скрыт изначально.
Я хочу при нажатии на div с class="test" прятать их и взамен, чтобы появлялся div с id="offres".
В моем коде, при нажатии на div с class="test" появляется div с id="offres" , но не убираются div с class="test" остаются все три.
Подскажите в чем моя ошибка, заранее благодарю.
<div class="container">
        <div class="row row_2">
            <div class="d-sm-none d-none d-md-block col-md-6 test" style="height: 150 px;">
            </div>
            <div class="clearfix"></div>
            <div class="col-12 col-md-6" id="offres" style="height: 250px; display: none;">
            </div>
            <div class="d-sm-none d-none d-md-block col-md-6 test" style="height: 150px;">


для JQuery
$(document).ready(function() {
    console.log("ready!");
    $(".test").click(function() {
        $(".test").hide();
        $("#offres").show();
    });
});
  • Вопрос задан
  • 64 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы