jquery - 如何使用jquery Slidedown和SlideUp

Question

我想要.collpaseClass是SetHieggt是幻灯片..

• 我想要setHeight .collpaseClass 是slidedown和SlideUp当我点击.more-optionClass
• 如何使用 Jquery 高度控制。

html

<div class="wrapmenu">
   <div class="tittle">Menu1</div>
   <div class="collapse"> xxxxxxxxxx </div>
</div>

CSS

.wrapmenu .collapse{
   background-color: #fff;
   margin-bottom: 30px;
   max-height: 100px;
   overflow: hidden;
   padding: 10px;
   border:1px solid red;
}

jquery

$(".more-option").on('click',function(){

   //how use slideup and slide down

});

SEEDEMO

Answer 1

您可以通过以下方式做到这一点:

$(".more-option").on('click',function(){
    if($(this).('.collapse').css('max-height')=='100px')
    {
        $(this).closest('.collapse').css('max-height', '300px');
    }
    else
    {
        $(this).closest('.collapse').css('max-height', '100px');
    }
        //alert($('.collapse').css('max-height'));
});

DEMO