代码如下：
<script type="text/javascript">
$(document).ready(function(){
$("#aa").toggle(function(){
$("li:eq(1)").show();
return false;
},function(){
$("li:eq(1)").hide();
return false;
});
});
</script>
</head>
<body>
<p title="选择你最喜欢的水果">你最喜欢的水果是？</p>
<ul>
<li title="苹果">苹果</li>
<li title="橘子">橘子</li>
<li title="菠萝">菠萝</li>
</ul>
<a href="#" title="aa" id="aa">a</a>
<a href="#" title="bb" id="bb">b</a>
我想单击超链接a后把橘子隐藏，再单击显示。现在为什么页面初始化就不显示橘子和超链接a？
jquery的toggle方法的使用方法
关注:168 答案:2 手机版
解决时间 2021-01-16 18:59
- 提问者网友：等妳￢硪唯一鍀执念
- 2021-01-15 23:34
最佳答案
- 二级知识专家网友：会有一股神秘感
- 2021-01-16 00:10
JS里面的代码修改成下面：
$(document).ready(function(){
$("#aa").click(function(){
$("li:eq(1)").toggle(500);
return false;
});
});
$(document).ready(function(){
$("#aa").click(function(){
$("li:eq(1)").toggle(500);
return false;
});
});
全部回答
- 1楼网友：清酒孤欢
- 2021-01-16 00:42
很多方法都可以写成这样
1、fadetoggle
2、toggleclass
3、togglegroup
其中fadetoggle和slidetoggle差不多，都是消失和显示，不过一个是展开收起，一个是渐隐渐显，而toggleclass也可以做到这种效果，给添加的class设置隐藏或显示就好了，你可以自己试试！
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！