Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery多个单选按钮并加载html代码?_Javascript_Jquery_Jquery Animate_Jquery Effects - Fatal编程技术网

Javascript jQuery多个单选按钮并加载html代码?

Javascript jQuery多个单选按钮并加载html代码?,javascript,jquery,jquery-animate,jquery-effects,Javascript,Jquery,Jquery Animate,Jquery Effects,您认为这样在每次单击收音机时显示HTML代码是正确的吗? 对于显示和隐藏html代码,您建议使用什么动画(效果)? 见我的代码示例: 关于您可以删除if条件并将代码最小化为: $('#housing_select input').click(function() { var classes = $("." + this.id); $('.hotel_apartment_select, .suite_select, .hotel_select').not(classes).hid

您认为这样在每次单击收音机时显示HTML代码是正确的吗?
对于显示和隐藏html代码,您建议使用什么动画(效果)?
见我的代码示例:


关于

您可以删除if条件并将代码最小化为:

$('#housing_select input').click(function() {
    var classes = $("." + this.id);

    $('.hotel_apartment_select, .suite_select, .hotel_select').not(classes).hide();
    classes.show();
})
JSFiddle: 注意: 您可以检查它们是否达到类似效果

尝试以下方法:

$('#housing_select input').click(function() {
    $('.hotel_apartment_select, .suite_select, .hotel_select').not("." + this.id).hide();
    $("." + this.id).show();
})

@谢哈萨:我没有救你。更新了答案。检查一下
$('#housing_select input').click(function() {
    $('.hotel_apartment_select, .suite_select, .hotel_select').not("." + this.id).hide();
    $("." + this.id).show();
})