我有以下两个div块：
<div class="span9" id="lejer">
<div class="span9" id="udejer">
请注意，在我的 Html 中有很多内容，但为了保持简短，我不会发布所有内容。
在我的文档顶部，我有以下单选按钮：
<div class="controls">
<label class="radio inline">
<input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_lejer">
Jeg er lejer
</label>
<label class="radio inline">
<input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_udlejer">
<p style="padding-left:1em"> Jeg er udlejer</p>
</label>
</div>
现在要在两个 div 标签的可见性之间切换，我创建了以下 jquery：
jQuery(document).ready(function(){
$('#select_lejer').click(function(){
$('#udlejer').hide();
$('#lejer').toggle( "slow", function() {
// Animation complete.
});
});
$('#select_udlejer').click(function(){
$('#lejer').hide();
$('#udlejer').toggle( "slow", function() {
// Animation complete.
});
});
});
当页面加载时，其中一个radio buttons被选中，HOWEVER当我单击单选按钮时，其中一个 div 被正确隐藏，没有任何反应。
谁能告诉我我做错了什么？