Показать / скрыть с помощью флажка с помощью jQuery

Я пытаюсь иметь раздел HTML-формы для отображения / скрытия на основе флажка. Это основной код, который я имею:



    function toggle(className){
        var $input = $(this);
        if($(this).prop('checked'))
            $(className).show();
        else
            $(className).hide();
        }


Check Here
    
    <span class="myClass">
        <p>This is the text.</p>
    </span>

Когда вы нажимаете на флажок, промежуток становится скрытым и не вернется. Я также использовал$(this).is(':checked'), Похоже, что$(this).prop('checked') оцениваетложный проверено ли это или нет. Мое лучшее предположение, что я использую$(this) неправильно. Что мне здесь не хватает?

Ответы на вопрос(3)

Ваш ответ на вопрос