Как я могу скрыть и показать div, если радиокнопка отмечена в jQuery

Question

в wordpress я создаю некоторые обменные устройства для почтовых форматов, поэтому, когда пользователь нажимает на одну радиокнопку или ее уже проверяет отображение метабокса.

здесь коды я попробовал некоторые JQuery, но им не хорошо с JQuery

HTML:

<div id="post-formats-select"> 
    <input type="radio" id="post-format-0" class="post-format" value="0" name="post_format" /> 
    <label class="post-format-standard">Standard</label> 

    <input type="radio" id="post-format-chat" class="post-format" value="chat" name="post_format" /> 
    <label class="post-format-chat">Chat</label> 

    <input type="radio" id="post-format-gallery" class="post-format" value="gallery" name="post_format" checked="checked" /> 
    <label class="post-format-gallery">Gallery</label> 

    <input type="radio" id="post-format-video" class="post-format" value="video" name="post_format" /> 
    <label class="post-format-video">Video</label>  
</div> 

<div class="meta-box-sortables"> 
    <div id="inpost_chat_box" class="postbox"> 
     Chat Box 
    </div>  

    <div id="inpost_gallery_box" class="postbox"> 
     Gallery Box 
    </div> 

    <div id="inpost_video_box" class="postbox"> 
     Video Box 
    </div>  
</div> 

JQuery:

$('#inpost_chat_box, #inpost_gallery_box, #inpost_video_box').hide(); 

var formats = $('#post-formats-select input'); 
formats.on('change', function(){ 
    if($(this).is(':checked').val() == 'gallery') { 
     $('#inpost_gallery_box').show(); 
    } 
}); 

Answer 1

Вы не можете цепи .is() как она возвращает boolean не объект jQuery. Существует не .val() метод в .is(), так что это, вероятно, бросает:

Uncaught ReferenceError: undefined is not a function

если вы проверяете консоль вашего браузера.

Попробуйте разбить вниз условно на два заявления типа так:

formats.on('change', function(){ 
    if(this.checked && this.value == 'gallery') { 
     $('#inpost_gallery_box').show(); 
    } 
});