$( document ).ready(function() { if ($(".seeMoreSmart").length > 0) { $(".seeMoreSmart").each(function() { var seeMheight = $(this).outerHeight(); var seeMheightData = parseInt($(this).attr("data-height")); if(seeMheight > (seeMheightData-20)){ $(this).children("div:first-child").addClass("seeMoreSmartContent"); $(this).children("div:first-child").css("max-height",seeMheightData+"px"); if (!$(this).find('.seeMoreSmartFooter').length) { $(this).append(''); } $(this).find(".seeMoreSmartFooter").fadeIn("slow"); }else{ $(this).removeClass("seeMoreSmart"); } }); $(document).on("click", ".seeMoreSmartFooter", function() { var seeMoreSmartFooter = $(this); var seeMoreSmart = $(this).parent(); var seeMoreSmartContent = seeMoreSmart.find(".seeMoreSmartContent"); var nowMoreContent = seeMoreSmartContent.css("max-height"); var oldMoreContent = seeMoreSmart.attr("data-height"); var maxHeightMoreContent = seeMoreSmart.attr("data-max-height"); if(nowMoreContent == oldMoreContent){ seeMoreSmartContent.css("max-height", maxHeightMoreContent); seeMoreSmartContent.css("overflow-y", "auto"); seeMoreSmart.addClass("seeMoreSmartDown"); seeMoreSmart.find(".smartMDown").css("transform", "rotate(180deg)"); }else{ seeMoreSmartContent.css("max-height",oldMoreContent); seeMoreSmartContent.css("overflow-y", "hidden"); seeMoreSmart.removeClass("seeMoreSmartDown"); seeMoreSmart.find(".smartMDown").css("transform", "rotate(0deg)"); } }); } });