較短的方法來改變內容的單選按鈕被點擊

Question

時，我不知道是否有這樣做的更短的方式：

<script> 
     $(document).ready(function() {   
     $("#deliverer").change(function() { 
     $("#opttuser").hide(); 
     $("#optdeliverer").show(); 
     }); 
     $("#tuser").change(function() { 
     $("#optdeliverer").hide(); 
     $("#opttuser").show(); 
     }); 
    }); 
    </script> 
    <input type="radio" id="deliverer" value="deliverer" name="type"/> 
<input type="radio" name="type" value="tuser" id="tuser" /> 
    <div id='optuser'>//some input fields</div> 
    <div id='optdeliverer'>//some other input fields 

這工作沒有任何問題，但我有一種感覺，這可以在更短的完成有什麼方法嗎？

Answer 1

嘗試這樣的事情......我加入checked和使用CSS（demo）躲在對面的div：

HTML

<input type="radio" id="deliverer" value="deliverer" name="type" checked /> 
<input type="radio" name="type" value="tuser" id="tuser" /> 
<div id='optuser'>//some input fields</div> 
<div id='optdeliverer'>//some other input fields</div> 

代碼

$(document).ready(function() { 
    $("#deliverer, #tuser").change(function() { 
     $("#optdeliverer, #optuser").toggle(); 
    }); 
}); 

CSS

#optdeliverer { display: none; }