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() { 
    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は、類似したe ffect

Answer 2

はこれを試してみてください：

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