Как показать/скрыть элемент при помощи checkbox (jQuery)?

Question

[Антон Вертов]

Добрый день. Необходимо по checkbox показать/скрыть несколько одинаковых div. Чтобы просто их убрать пишу вот так:

$(".kvartiribox").click(function () {
    $("[class^=c-promo-block___2xszw]").hide();
});

<input type="checkbox" class="inputcheck kvartiribox" checked value=""> квартиры <br><br>


<div class="c-promo-block___2xszw novoclass apartamenti">
                   <div class="c-promo-block-image___3jLUE"><div class="c-promo-block-image-content___30WAj" style="background-image:url(/images/mini_novo/vtbarenapark.jpg);">
                        <div class="c-promo-catalog-list___3ubrJ"></div></div></div><div class="c-promo-block-text___2UJtj">
                              <div class="c-promo-block-text-content___3DvyN">
                                   <a href="#" target="_blank" class="links_novo">ВТБ Арена Парк</a>
                                    <span class="obj_price">1000 000₽ - 200 000₽ за м<sup>2</sup> </span>
                                    <div style="float:left;">
                                        <div style="width: 130px; height: 19px; float:left;">Аэропорт
                                        </div>
                                    </div>                      
                                </div>
                            </div>
                        </div>

Вот пример на jsfiddle.net https://jsfiddle.net/2z1sfxdw/
Таким образом, при снятии галочки, он только прячет содержимое c-promo-block___2xszw, а как сделать, чтобы при нажатии галочки, он снова показывался ?

И второй вопрос, почему-то на jsfiddle всё работает, а на моём сайте не хочет) подключаю библиотеки вот так:

<script src="/js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <script src="/js/filter.js" type="text/javascript"></script>

Пути правильные, проверял. Подскажите пожалуйста, только обучаюсь, поэтому прошу Вас о помощи.

Answer 1

[Дима Паутов]

https://jsfiddle.net/2z1sfxdw/1/

Comments

[Антон Вертов]

спасибо вам большое!
не пойму только, по каким причинам на сайте не работает это всё, а на сервисе этом работает)

[Дима Паутов]

Антон Вертов, думаю консоль браузера вам об этом расскажет

[tyzberd]

не пойму только, по каким причинам на сайте не работает это всё,

возможно вам нужно обернуть ваш код в

$( document ).ready(function() {
  // Handler for .ready() called.
});

https://api.jquery.com/ready/

[Дима Паутов]

Антон Вертов, вот ваш код, где тут jquery и filter?

Даже консоль мне говорит, что jquery нету

[Антон Вертов]

Дима Турков, спасибо большое Вам, при редактировании убрал и забыл вставить) спасибо за конкретную помощь, всего хорошего!

[Антон Вертов]

tyzberd, спасибо Вам большое!