SlideUp功能無法正常工作，但元素正確移除。有任何想法嗎？

目前在引導網站上工作，並試圖使其在單擊按鈕時單元向上滑動。我正在使用一個我用過去的函數，但它似乎沒有工作。該元素被正確刪除，但根本不會滑動。任何幫助，將不勝感激！SlideUp功能無法正常工作，但元素正確移除。有任何想法嗎？

編輯：

與紫色背景應該點擊「更多」後，向上滑動只是爲了澄清的元素。

<div class="container-fluid fill"> 
      <div class="row main-row fill"> 
       <div class="main-col col-lg-5"> 
        <h1 class="main-title">Breathtaking Journey To Well Being</h1> 
        <p class="main-text">Daimler and unycom started a primising partnership to broaden the visionary horizon of a company that defines inovation. 
        </p> 
        <div class="btn btn-default main-button btn-clr" id="menu-toggle">View Packages</div> 
        <div class="btn btn-default btn-clr read-more" id="anna-toggle">Read More</div> 
       </div> 
       <div class="col-lg-6 fill color" id="lol"> 
        <h1 class="main-title">Breathtaking Journey To Well Being</h1> 
        <p class="main-text">Daimler and unycom started a primising partnership to broaden the visionary horizon of a company that defines inovation. 
        </p> 
        <a href="" class="btn btn-default main-button btn-clr">View Packages</a> 
        <a href="" class="btn btn-default btn-clr read-more">Read More</a> 
       </div> 
      </div> 
</div> 


$("#anna-toggle").click(function() { 
    $("#lol").slideUp(700, function() { $(this).remove(); }); 
});

https://jsfiddle.net/4u9qow2h/1/

來源

2016-01-04 Sean King

https://jsfiddle.net/4u9qow2h/3/

就在這裏的問題是

.fill { 
    min-height: 100%; <-- 
    height: 100%; 
}

你不讓這個元素小於100％的高度，所以它會導致jQuery來搞砸了。我在jsFiddle中刪除它，這樣你就可以看到它是如何工作的。

來源

2016-01-04 17:51:06

非常感謝。 –

SlideUp功能無法正常工作，但元素正確移除。有任何想法嗎？

回答

相關問題