为什么jQuery fadein只能执行一次 指数 11111111 22222222 33333333 #导航{ 高度：300px； 宽度：80px； 背景：灰色； } #内容，内容1，内容2，内容3{ 高度：300px； 宽度：600px； 位置：绝对位置； 左：90px； 顶部：8px； 文本对齐：中间对齐； } $（“#l1”）。单击（函数（）{ $（“#content，#content2，#content3”）.hide（）； $（“#content1”）.toggle（）； }); $（“#l2”）。单击（函数（）{ $（“#content，#content1，#content3”）.hide（）； $（“#content2”）.toggle（）； }); $（“#l3”）。单击（函数（）{ $（“#content，#content1，#content2”）.hide（）； $（“#content3”）.toggle（）； });

下面是代码，每个链接只能成功点击一次，为什么？（我只能单击1到2到3，如果我想单击返回1，则单击失败。）

您的选择器中有一个输入错误--在

内容中缺少
t
，在每个
隐藏
行中。这意味着
#content3
再也不会被隐藏，并且总是位于其他两个div的顶部

.
您的选择器中有一个输入错误--在
内容
中的
t
缺失了
隐藏
行中的每一行。这意味着
#content3
再也不会被隐藏，并且总是位于其他两个div的顶部

.
作为lonesomeday，有些选择器缺少“t”

您还应该使用fadeIn而不是toggle。双击同一选项卡将继续显示所选分区。
作为lonesomeday，某些选择器缺少“t”

您还应该使用fadeIn而不是toggle。双击同一选项卡将继续显示所选分区。
我看不到任何淡入淡出、“in”或其他淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出。
<div id="nav">
<a href="#" id="l1">link1</a><br>
<a href="#" id="l2">link2</a><br>
<a href="#" id="l3">link3</a><br>
</div>

<div id="content" style="background:pink;">
INDEX
</div>

    <div id="content1"  style="display:none; background:red;">
         11111111
    </div>

    <div id="content2" style="display:none; background:yellow;">
         22222222
    </div>

    <div id="content3" style="display:none; background:blue;">
         33333333
    </div>

<style>
#nav{
height:300px;
width:80px;
background:gray;
}

#content,#content1,#content2,#content3{
height:300px;
width:600px;
position:absolute;
left:90px;
top:8px;
text-align:middle;
}
</style>

 <script src="jquery.js"></script>
<script>
$("#l1").click(function(){
$("#content,#content2,#conten3").hide();
$("#content1").toggle();
});
$("#l2").click(function(){
$("#content,#content1,#conten3").hide();
$("#content2").toggle();
});
$("#l3").click(function(){
$("#content,#content1,#conten2").hide();
$("#content3").toggle();
});
</script>