Jquery toggle () не работает с несколькими классами

Question

Я пытаюсь показать / скрыть определенные элементы на основе значений флажков.

тумблер «Показать направляющие» работает, а тумблер «Показать отступы» - нет.

Я пытался:

 $('.guide-padding').toggle();

    $('span.guide-padding').toggle();

    if($(this).prop("checked")) {
        $('.guide-padding').show();
    } else {
        $('.guide-padding').hide();
    }

    $('guide-padding.d-flex.justify-content-center.align-items- 
    center').toggle();

Я нашел этот ответ информативным. Это не решило мою проблему, но я думаю, что становлюсь ближе.

Как выбрать элемент с несколькими классами в jQuery?

Fiddle: https://jsfiddle.net/uz2gr1xj/2/

Answer 1

Я понял это!

$('#showPadding').change(function () {
    $('[name="guide-padding"]').toggleClass('d-flex');
    $('[name="guide-padding"]').toggle();
});