/* Clean list styling */ .rm-section ul, .rm-section ol { padding-left: 0; margin-left: 0; list-style-position: inside; } .rm-section li { text-align: left; margin-left: 0; } /* Read more section defaults */ .rm-section { max-height: 200px; overflow: hidden; filter: blur(0px); transition: all 0.4s ease-in-out; position: relative; } /* White gradient overlay at bottom when collapsed */ .rm-section::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1)); pointer-events: none; opacity: 1; transition: opacity 0.4s ease-in-out; } /* Hide gradient when expanded */ .rm-section.expanded::after { opacity: 0; } /* Farsi-styled button */ .rm-toggle-btn { display: inline-block; margin-top: 10px; color: #0086C9; text-decoration: none; direction: rtl; cursor: pointer; transition: color 0.3s, transform 0.2s; font-weight: 700; font-size: 16px; font-family: "Ravi"; } .rm-toggle-btn:hover { color: #0086C9; } /* Icon rotation animation */ .rm-toggle-btn .elementor-button-icon svg { transition: transform 0.4s ease-in-out; transform-origin: center; } .rm-toggle-btn.expanded .elementor-button-icon svg { transform: rotate(180deg); } jQuery(document).ready(function ($) { var isExpanded = false; var $textSection = $(".rm-section"); var $toggleButton = $(".rm-toggle-btn"); // Initial collapse state $textSection.css({ "max-height": "150px", overflow: "hidden", filter: "blur(0px)" }); // Button click behavior $toggleButton.on("click", function (e) { e.preventDefault(); if (isExpanded) { // Collapse $textSection.animate({ maxHeight: "150px" }, 500); $textSection.removeClass("expanded"); $toggleButton.removeClass("expanded"); isExpanded = false; // Update only the text, not the entire button content $toggleButton.find(".elementor-button-text").text("مشاهده بیشتر"); // View More (Farsi) } else { // Expand var fullHeight = $textSection.prop("scrollHeight") + "px"; $textSection.animate({ maxHeight: fullHeight }, 500); $textSection.addClass("expanded"); $toggleButton.addClass("expanded"); isExpanded = true; // Update only the text, not the entire button content $toggleButton.find(".elementor-button-text").text("مشاهده کمتر"); // View Less (Farsi) } }); });