点击切换问题

发布于
2015-06-14

下面的toggle只能做显示隐藏的功能吗？
为什么我点击没用的,toggle里面的函数怎么没反映的
我想做点击第一次弹出把div的高度设为30px，第二下为0
<span class="tabsel"></span>


<div class="accessPage"></div>



$(".tabsel").click(function(){
        $(".accessPage").toggle(
            function(){
               $(this).animate({height : "30px"}, 300);
            },function(){
               $(this).animate({height : "0"}, 300);
            }
         );
});

jquery javascript

阅读 2.4k

3 个回答

netingcn

✓ 已被采纳

对于你说点击没有效果，可能是你js代码写在header 里面并且没有用$(function() {}),那样的话在你的事件没有加在dom上。
另外你的toggle用法也有问题

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<script src="http://cdn.bootcss.com/jquery/2.1.0-beta3/jquery.min.js"></script>
</head>
<body>
<span class="tabsel">Span</span>
<br/><br/>
<div class="accessPage" style="border: 1px solid blue">This is Div</div>
<script>
$(".tabsel").click(
    function(){
        $(".accessPage").css('height', 30).toggle(300);
    });
</script>
</body>
</html>

ouou

是你的callBack函数用错了吧

$(".tabsel").toggle(function(){
    $(".accessPage").animate({height : "30px"}, 300);
},function(){
    $(".accessPage").animate({height : "0"}, 300);
});

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

点击切换问题

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

为什么会出现CORS error？

请问一下，如何理解reduce函数呢？