0

このコードで 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>

私が今遭遇しているのは、slideToggleを使用しているにもかかわらず、スライドアップは機能しますが、スライドダウンはスライドするだけではありません..何かアドバイスをお願いします?

ありがとうございました..

4

1 に答える 1

0 
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>
于 2011-04-06T09:05:53.110 に答える