此代码如何确定是向上切换还是向下切换?请帮忙。谢谢。
<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/