jQuery Isotope Plugin - ReLayout

Question

WordPress 게시물에 jQuery Isotope 플러그인을 사용하고 있습니다. 나는 단지 페이지로드에 대한 발췌 부분을 보여주고 싶을 뿐이다. 단순히 div의 높이를 확장하여 클릭하면 전체 게시물을 보여주고 싶다. 그러나 Isotope 플러그인은 사용자가 "자세히보기"버튼을 클릭하여 페이지를 확장하기 전에 div 높이를 계산하므로 새 높이가 플러그인을 손상시킵니다.

나는 reLayout 메서드로 놀고 있지만 알아 내지 못한 아이디어가 있습니까?

다음은 작동 링크입니다. "딸기"게시물을보십시오. http://ashlinixon.com/new-test/index.html

또한

, 코드 샘플 :

HTML :

<article class="item"> 
    <div class="featured-img"><img src="images/strawberries.jpg" alt="Strawberries" /></div> 
    <h2>Strawberries</h2> 
    <p class="excerpt">Lorem ipsum dolor sit amet</p> 
    <p class="read-more">Read more</p> 
    <div class="post"> 
     test test<br />test test<br />test test 
    </div> 
</article> 

jQuery를 :

$(document).ready(function(){ 
    $(".post").hide(); 
    $(".excerpt").show(); 

    $('.read-more').click(function(){ 
     $(".post").slideToggle(); 
     $("#portfolio").isotope('reLayout'); 
    });    
}); 

감사합니다! :)

Answer 1

대신에 토글을 사용하면 slideToggle이 정상적으로 작동하는 것 같습니다. 지금 당장은 충분 해. :)

$(document).ready(function(){ 
    $(".post").hide(); 
    $(".excerpt").show(); 

    $('.read-more').click(function(){ 
     $(".post").toggle(); 
     $("#portfolio").isotope('reLayout'); 
    });    
});