0

ラジオのクリックごとに 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();
        }
    })

敬意を表して

4

2 に答える 2

0

これを試して：

$('#housing_select input').click(function() {
    $('.hotel_apartment_select, .suite_select, .hotel_select').not("." + this.id).hide();
    $("." + this.id).show();
})
于 2011-08-09T21:07:43.727 に答える
0

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 タブを 確認できます。

于 2011-08-09T21:05:16.540 に答える