代码如下:
<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方法的使用方法
答案:2 mip版
解决时间 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设置隐藏或显示就好了,你可以自己试试!
我要举报
如以上问答内容为低俗/色情/暴力/不良/侵权的信息,可以点下面链接进行举报,我们会做出相应处理,感谢你的支持!
点此我要举报以上问答信息
推荐资讯