爲什麼這slideUp/slideDown不工作與jQuery的？

Question

爲什麼了slideDown不在這個代碼

$(".btn-more").click(function(){ 
       if ($(this).parent().is(".open")) { 
        $(this).parent().prev().slideToggle(100); 
        $(this).parent().removeClass('open'); 
        $(this).html("read more.."); 
       } 
       else { 
        $(this).parent().prev().slideToggle(100); 
        $(this).parent().addClass('open'); 
        $(this).html("read less.."); 
       } 

工作的Html

<div id="content"> 
    <p> 
     <span></span> 
    </p> 
    <span id="read-more"></span> 
    <div class="more active" id="preface-more"> 
     <a class="btn-more" id="preface-more-btn" href="#"></a> 
    </div> 

什麼IAM現在遇到的是效果基本show作品，但了slideDown不滑動只是表明，儘管IAM使用slideToggle ..任何建議請？

謝謝你..

Answer 1

 
Please check the below code. 
(function(){ 
    $(".btn-more").click(function(){ 
     //$("#read-more").toggle();You can use toggle also 
    if($("#read-more").is(".open")) { 
     $("#read-more").slideUp(100); 
     $("#read-more").removeClass('open') 
     $(this).html("read more.."); 
     }else{ 
     $("#read-more").addClass('open') 
     $("#read-more").slideDown(100); 
     $(this).html("read less.."); 
     } 
    }); 
}); 
<div id="content"> 
    <p> 
     <span></span> 
    </p> 
    <span id="read-more" class="open">data dat data data</span> 
    <div class="more active" id="preface-more"> 
     <a class="btn-more" id="preface-more-btn" href="#">Read less</a> 
    </div> 
</pre>