gpt4 book ai didi

jquery - 如何知道slideToggle()是向上还是向下移动?

转载 作者:行者123 更新时间:2023-12-01 00:00:31 24 4
gpt4 key购买 nike

这段代码如何确定向上切换还是向下切换?请帮忙。谢谢。

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle();
});
});
</script>

<style type="text/css">
div.panel,p.flip {
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel {
height:120px;
display:none;
}
</style>
</head>

<body>
<div class="panel">
<p>Crap.</p>
</div>
<p class="flip">Show/Hide Panel</p>
</body>
</html>

最佳答案

您可以检查该元素是否可见。如果它可见,slideToggle() 将向上移动。如果它不可见,它将向下移动。

// Want to know if it's visible?
$(this).is(":visible");

您还可以事后确定它的方向:

$(".panel").slideToggle("slow", function(){
alert( "I moved " + $(this).is(":visible") ? "Down" : "Up" );
})

当然,这是假设您没有任何定位元素,看起来好像没有。

关于jquery - 如何知道slideToggle()是向上还是向下移动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10655036/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com