Javascript jquery显示和隐藏div

我有一个表格，上面有一个由无线电选择器显示的是|否问题。我有两个div，每个div包含基于yes | no响应的不同下拉列表。我不知道如何显示一个和隐藏另一个

---

假设您的标记html是正确的，请尝试以下操作。它绑定到两个单选按钮的单击事件，总是先隐藏两个div，然后仅显示属于所单击单选按钮的相应div

$(document).ready(function(){   
    $("input[name=radio_button]").click(function() {
        var test= $(this).val();    

        $("div.test1, div.test2").hide(); //Hide both divs
        $("#"+test).show();
    }); 
}); 

---

要使一个隐藏而另一个可见，必须先隐藏两个块，然后在要查看的块上添加“显示”。这对你很有用。

最近有一个关于这个的话题。虽然你没有做同样的事情，但是你可以应用同样的概念。请在jsfiddle.net中写一个例子，或者在这里写一个我添加了一个小提琴链接的问题，Kural，你读过了吗？默认情况下，请不要使用代码格式。默认情况下，两个div块都是通过CSSY隐藏的。您必须动态添加此项，例如，当您显示块时，它会将样式元素设置为显示：块和内联脚本是更重要的。。为此，必须为块$div.test2.hide设置hide$div.test1.hide；然后显示您想要的$div.test1.show；感谢@KunalVashist解决了我的问题。这是解决的问题，尝试此代码并获得相同的结果，div将显示，但如果选择了yes收音机，则no用户可能已经改变主意，两个div都将保持显示。

$(document).ready(function(){   
    $("input[name=radio_button]").click(function() {
        var test= $(this).val();    

        $("div.test1, div.test2").hide(); //Hide both divs
        $("#"+test).show();
    }); 
});