javascript - jQuery多个单选按钮并加载html代码？

Question

您认为在每次点击电台时显示 HTML 代码的方式是正确的吗？
您建议为显示和隐藏 html 代码设置什么动画（效果）？
见我的代码示例：http: //jsfiddle.net/9LECb/

$('#housing_select input').click(function(){
        var classes =  $(this).attr('id');
        if(classes == 'hotel_select'){
            $('.hotel_apartment_select, .suite_select').hide();
            $('.'+classes).show();
        }
        if(classes == 'hotel_apartment_select'){
            $('.hotel_select, .suite_select').hide();
            $('.'+classes).show();
        }
        if(classes == 'suite_select'){
            $('.hotel_select, .hotel_apartment_select').hide();
            $('.'+classes).show();
        }
    })

尊重地

Answer 1

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

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

    $('.hotel_apartment_select, .suite_select, .hotel_select').not(classes).hide();
    classes.show();
})

JSFiddle： http: //jsfiddle.net/9LECb/2/ 注意： 您可以检查jQuery UI 选项卡，因为它们可以达到类似的效果

Answer 2

试试这个：

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