大众信息网

jquery的toggle方法的使用方法

答案:2  mip版
解决时间 2021-01-16 18:59
  • 提问者网友:等妳¬硪唯一鍀执念
  • 2021-01-15 23:34
代码如下:
<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?
最佳答案
  • 二级知识专家网友:会有一股神秘感
  • 2021-01-16 00:10
JS里面的代码修改成下面:
$(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设置隐藏或显示就好了,你可以自己试试!
我要举报
如以上问答内容为低俗/色情/暴力/不良/侵权的信息,可以点下面链接进行举报,我们会做出相应处理,感谢你的支持!
点此我要举报以上问答信息
推荐资讯