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

<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/

10-12 12:50