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

Попробуйте это:

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

Answer 2

Вы можете удалить условия 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 как они получают аналогичный эффект