jquery - jQuery切换效果

我是jquery新手，正在尝试产生下拉效果，但我想再次单击div，以便它再次向上滑动:)我该怎么做？

<script type="text/javascript">
    $(function() {
        $('#panel').click(function() {
            $(this).animate({
                'height' : '500px'
            },1000);
            $('#demo').fadeIn(500);
        });
    });
</script>

<div id="panel">Hej med dig</div>

最佳答案

我认为：

$('#panel').click(
    function(){
        $(this).slideToggle(1000);
        $('#demo').fadeToggle(500);
    });

是您要寻找的。

参考文献：


slideToggle()，
fadeToggle()。



已编辑

鉴于您的加价实质上是：

<div id="panel">Hej med dig
    <div id="demo">Jeg er demo</div>
</div>

以下jQuery可能应该更合适地工作：

$('#panel').click(
    function(){
        $('#demo').slideToggle(500);
    });

JS Fiddle demo。