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 Tabs，因为它们会产生类似的效果

Answer 2

试试这个：

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

jQuery多个单选按钮和加载HTML代码？

2 个答案: