Jquery Wordpress/Gravity表单-如何根据选中的单选按钮显示/隐藏项目？

我试图根据重力表单中单选按钮字段中的输入显示/隐藏div。我使用jQuery找到了一个答案，它非常适用于复选框，但是，当我尝试使用单选按钮执行同样的操作时，它将执行第一部分，并在选中后隐藏div，但一旦取消选中单选按钮，它将不会再次显示div

这是我正在使用的jQuery：

jQuery(function ($) {
   var trigger = $('#choice_13_1_0');
   trigger.change(function(){
       if ( $(this).is(":checked") ) {
           jQuery(".conditional-display").hide();
       } else {
           jQuery(".conditional-display").show();
       }
   });
});

这是重力表单生成的HTML：

<ul class="gfield_radio" id="input_13_1">
<li class="gchoice_13_1_0">
    <input name="input_1" type="radio" value="Option One" id="choice_13_1_0" tabindex="1">
    <label for="choice_13_1_0" id="label_13_1_0">
        Option One
    </label>
</li>
<li class="gchoice_13_1_1">
    <input name="input_1" type="radio" value="Option Two" id="choice_13_1_1" tabindex="2">
    <label for="choice_13_1_1" id="label_13_1_1">
        Option Two
    </label>
</li>
<li class="gchoice_13_1_2">
    <input name="input_1" type="radio" value="Option Three" id="choice_13_1_2" tabindex="3">
    <label for="choice_13_1_2" id="label_13_1_2">
        Option Three
    </label>
</li>

选择一


选择二


选择三

我把这个div放在页面的其他地方：

<div class="conditional-display">
    Content to conditionally display based on radio field selection
</div>

基于无线字段选择有条件显示的内容

---

在本例中，当选择选项1时，div将被隐藏，然后当选择选项2或3时，div将再次显示。

假设您希望在单击第一个单选按钮时隐藏条件

div

按名称将事件处理程序添加到单选按钮组中。然后与条件一起使用以确定div是否可见

jQuery（函数（$）{
变量触发器=$（'[name=input_1]'）；
trigger.change（函数（）{
jQuery（“.conditional display”）.toggle（this.id！==“choice\u 13\u 1\u 0”）
});
});



选择一


选择二


选择三

基于无线字段选择有条件显示的内容
请包含html。它现在已经更新了！：）确切地说，您希望条件div何时可见？请检查此选项是！非常感谢你，你是个救命恩人！