Question

我有一个250px高，160px宽的div。加载页面时，除了30px之外，div将隐藏在内容后面。我想知道如何使div可点击，以便它会滑动显示整个div。提前谢谢。

        <script type="text/javascript">
            $('#maininfo').click(function() {
                $('.maininfo_tab').slideUp('slow', function() {
                // Animation complete.
             });
           });
</script>
    <div id="maininfo">
        <div class="maininfo_tab" style="position:relative;margin-bottom:35px;">

Answer 1

您可以使用animate方法滑动它，并使用click事件将其连接起来：

var nextHeight = 250;
$("#myDiv").click(function() {
    $(this).animate({
        height: nextHeight
    });
    nextHeight = Math.abs(nextHeight - 280);
});

示例小提琴：http://jsfiddle.net/johnkoer/qu5bz/8/

使用Jquery的一个slideup div

1 个答案: