diff --git a/assets/css/scss/_additional.scss b/assets/css/scss/_additional.scss
new file mode 100644
index 00000000..b5dac513
--- /dev/null
+++ b/assets/css/scss/_additional.scss
@@ -0,0 +1,94 @@
+/* Additional information specific styles */
+
+/* Fast Facts Wrapper */
+.fast-facts-wrapper > .wp-block-group .wp-block-group:first-child {
+ display: flex;
+ align-items: flex-start; /* Align content in this group to the top */
+ gap: 5px; /* Space between icon and text */
+ flex-shrink: 0; /* Prevent group from shrinking */
+ }
+
+ /* Style the image icon */
+ .fast-facts-wrapper > .wp-block-group .wp-block-image img {
+ width: 20px; /* Fixed width */
+ height: 20px; /* Fixed height */
+ display: inline-block;
+ object-fit: contain; /* Ensure image doesn't stretch or distort */
+ }
+
+ /* Styling for the label (e.g., "Special Interests:") */
+ .fast-facts-wrapper > .wp-block-group .wp-block-group:first-child p {
+ margin: 0;
+ white-space: nowrap; /* Prevent wrapping for label */
+ vertical-align: middle; /* Align text with the middle of the icon */
+ line-height: 1.2; /* Improve readability */
+ display: inline-block; /* Keep text inline */
+ }
+
+ /* Styling for the flowing text */
+ .fast-facts-wrapper > .wp-block-group .wp-block-group:last-child {
+ display: flex;
+ flex-wrap: nowrap; /* Keep the text flowing inline */
+ white-space: normal; /* Allow wrapping for text if it overflows */
+ overflow-wrap: break-word; /* Ensure long words wrap correctly */
+ word-break: break-word; /* Break long words when needed */
+ flex: 1; /* Allow the container to use available space */
+ align-items: flex-start; /* Ensure text starts at the top */
+ }
+
+ /* Specific styling for the text content */
+ .fast-facts-wrapper > .wp-block-group .wp-block-group:last-child p {
+ white-space: normal; /* Allow wrapping for long text */
+ overflow-wrap: break-word; /* Break words when needed */
+ word-break: break-word; /* Break words on legacy browsers */
+ line-height: 1.4; /* Improve readability */
+ text-transform: capitalize; /* Capitalize text */
+ padding: 0; /* Ensure no unnecessary padding */
+ margin: 0; /* Remove extra margins */
+ display: inline; /* Ensure the text flows inline with the label */
+ }
+
+ /* Facilities List */
+ .facilities-list li::marker {
+ display: none;
+ }
+
+ .facilities-list {
+ padding-left: 0 !important;
+ }
+
+ .facilities-list li {
+ margin-left: 10px;
+ list-style: none; /* Remove default list marker */
+ position: relative; /* Position for pseudo-element */
+ }
+
+ .facilities-list li::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%); /* Center the icon vertically */
+ width: 20px; /* Adjust the size of the tick icon */
+ height: 20px;
+ background-image: url('../../img/tick.svg'); /* Replace with the path to your tick.svg */
+ background-size: contain;
+ background-repeat: no-repeat;
+ left: -28px;
+ }
+
+ /* Additional Info */
+ .additional-info .wp-block-group.content .read-more-btn,
+ .additional-info .wp-block-group.content .read-less-btn {
+ color: #0073aa;
+ cursor: pointer;
+ font-weight: bold;
+ }
+
+ .additional-info .wp-block-group.content .read-more-btn:hover {
+ text-decoration: underline;
+ }
+
+ .additional-info .wp-block-group.content .read-less-btn {
+ display: none;
+ }
\ No newline at end of file
diff --git a/assets/css/scss/_slider.scss b/assets/css/scss/_slider.scss
index c8f98a3c..17acd340 100644
--- a/assets/css/scss/_slider.scss
+++ b/assets/css/scss/_slider.scss
@@ -1,112 +1,196 @@
-.slick-lightbox-close {
- right: 32px;
- top: 32px;
-}
-
+.wp-block-query {
+ &.lsx-to-slider {
+ gap: var(--wp--preset--spacing--small) var(--wp--preset--spacing--small);
+ position: relative;
+ .slick-arrow {
+ cursor: pointer;
+ border-color: #000 !important;
+ height: 30px;
+ width: 30px;
-.lsx-to-slider,
-.slick-lightbox-inner {
- .slick-arrow {
- background: transparent;
- border-radius: 50%;
- border-style: solid;
- border-width: 2px;
- font: 0/0 a;
- height: 4rem;
- margin-top: calc((2.25rem - 17px) / 2);
- padding: 0;
- text-shadow: none;
- transform: translateY(-50%);
- transition: border 300ms ease;
- width: 4rem;
- z-index: 3;
-
- &:before {
- display: block;
- font-family: 'FontAwesome';
- font-size: 3rem;
- line-height: 1;
- position: absolute;
- text-rendering: auto;
- top: 47%;
- transform: translateY(-50%);
- transition: color 300ms ease;
-
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
+ &:before {
+ border-color: #000 !important;
+ height: 30px;
+ width: 30px;
+ }
- &.slick-disabled { cursor: not-allowed; }
+ &.slick-prev:before {
+ background: url('../img/left-arrow-dark.svg') no-repeat center center;
+ width: 20px;
+ left: 3px;
+ height: 20px;
+ }
- &.slick-prev {
- &:before {
- content: '\f104';
- left: 1.1rem;
+ &.slick-next:before {
+ background: url('../img/right-arrow-dark.svg') no-repeat center center;
+ width: 20px;
+ left: 3px;
+ height: 20px;
}
}
- &.slick-next {
- &:before {
- content: '\f105';
- left: 1.5rem;
- }
+ .slick-slide {
+ padding: 15px !important;
}
}
}
+.slick-lightbox-close {
+ right: 52px;
+ top: 35px;
+
+ &:before {
+ font-size: 40px;
+ }
+}
+
+.lsx-to-slider,
+.slick-lightbox-inner {
+ .slick-arrow {
+ background: transparent;
+ border-radius: 50%;
+ position: absolute;
+ top: 50%;
+ border-style: solid;
+ border-color: #fff;
+ border-width: 2px;
+ font: 0/0 a;
+ height: 4rem;
+ margin-top: calc((2.25rem - 17px) / 2);
+ padding: 0;
+ text-shadow: none;
+ transform: translateY(-50%);
+ transition: border 300ms ease;
+ width: 4rem;
+ z-index: 3;
+ color: white;
+
+ &:before {
+ display: block;
+ font-family: "slick";
+ color: white;
+ font-size: 3rem;
+ line-height: 1;
+ position: absolute;
+ text-rendering: auto;
+ top: 47%;
+ transform: translateY(-50%);
+ transition: color 300ms ease;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ }
+}
+
+.slick-prev svg,
+.slick-next svg {
+ color: white;
+}
+
+.lsx-to-slider,
+.slick-lightbox-inner {
+ .slick-arrow {
+ &.slick-disabled {
+ cursor: not-allowed;
+ }
+
+ &.slick-prev {
+ &:before {
+ content: ''; /* Remove font icon */
+ width: 40px;
+ height: 40px;
+ display: inline-block;
+ left: 10px;
+ }
+ }
+
+ &.slick-next {
+ &:before {
+ content: ''; /* Remove font icon */
+ width: 40px;
+ height: 40px;
+ display: inline-block;
+ left: 12px;
+ }
+ }
+ }
+}
+
.lsx-to-slider {
.slick-dots:not(.dropdown-menu) {
- align-items: center;
- display: flex;
- flex-flow: row wrap;
- height: auto;
- justify-content: center;
- list-style: none;
- margin: 2rem 0 0;
- padding: 0;
-
- & > li {
- line-height: 1;
- padding: 5px;
-
- & > button {
- background: transparent;
- border-style: solid;
- border-width: 1px;
- font: 0/0 a;
- height: 12px;
- transition: all 300ms ease-in-out;
- width: 4rem;
- }
+ align-items: center;
+ display: flex;
+ flex-flow: row wrap;
+ height: auto;
+ justify-content: center;
+ list-style: none;
+ margin: 2rem 0 0;
+ padding: 0;
+
+ > li {
+ line-height: 1;
+ padding: 5px;
+
+ > button {
+ background: transparent;
+ border-style: solid;
+ border-width: 1px;
+ font: 0/0 a;
+ height: 12px;
+ transition: all 300ms ease-in-out;
+ width: 4rem;
}
+ }
}
-
+
.slick-arrow {
- &.slick-prev { left: -4rem; }
- &.slick-next { right: -4rem; }
+ &.slick-prev {
+ left: -4rem;
+ }
+
+ &.slick-next {
+ right: -4rem;
+ }
+ }
+
+ &.slider-disabled {
+ overflow: hidden;
+ }
+
+ .slick-slide {
+ .lazy-hidden {
+ max-height: 154px;
+ }
}
-}
-
-.lsx-to-slider {
- &.slider-disabled { overflow: hidden; }
}
.slick-lightbox-inner {
.slick-arrow {
- opacity: .75;
-
- &:hover { opacity: 1; }
+ opacity: 0.75;
+
+ &:hover {
+ opacity: 1;
+ }
}
}
-.slick-lightbox-slick-caption { display: inline-block; }
+.slick-lightbox-slick-caption {
+ display: inline-block;
+}
-.lsx-to-slider,
.lsx-post-carousel-items {
.slick-slide {
.lazy-hidden {
max-height: 154px;
}
}
-}
\ No newline at end of file
+}
+
+.lsx-itinerary-wrapper,
+.lsx-units-wrapper {
+ .hidden {
+ display: none;
+ }
+}
+
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
index fa499b57..d8d306af 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -157,18 +157,146 @@
margin-right: 0px;
}
+/* Additional information specific styles */
+/* Fast Facts Wrapper */
+.fast-facts-wrapper > .wp-block-group .wp-block-group:first-child {
+ display: flex;
+ align-items: flex-start; /* Align content in this group to the top */
+ gap: 5px; /* Space between icon and text */
+ flex-shrink: 0; /* Prevent group from shrinking */
+}
+
+/* Style the image icon */
+.fast-facts-wrapper > .wp-block-group .wp-block-image img {
+ width: 20px; /* Fixed width */
+ height: 20px; /* Fixed height */
+ display: inline-block;
+ -o-object-fit: contain;
+ object-fit: contain; /* Ensure image doesn't stretch or distort */
+}
+
+/* Styling for the label (e.g., "Special Interests:") */
+.fast-facts-wrapper > .wp-block-group .wp-block-group:first-child p {
+ margin: 0;
+ white-space: nowrap; /* Prevent wrapping for label */
+ vertical-align: middle; /* Align text with the middle of the icon */
+ line-height: 1.2; /* Improve readability */
+ display: inline-block; /* Keep text inline */
+}
+
+/* Styling for the flowing text */
+.fast-facts-wrapper > .wp-block-group .wp-block-group:last-child {
+ display: flex;
+ flex-wrap: nowrap; /* Keep the text flowing inline */
+ white-space: normal; /* Allow wrapping for text if it overflows */
+ overflow-wrap: break-word; /* Ensure long words wrap correctly */
+ word-break: break-word; /* Break long words when needed */
+ flex: 1; /* Allow the container to use available space */
+ align-items: flex-start; /* Ensure text starts at the top */
+}
+
+/* Specific styling for the text content */
+.fast-facts-wrapper > .wp-block-group .wp-block-group:last-child p {
+ white-space: normal; /* Allow wrapping for long text */
+ overflow-wrap: break-word; /* Break words when needed */
+ word-break: break-word; /* Break words on legacy browsers */
+ line-height: 1.4; /* Improve readability */
+ text-transform: capitalize; /* Capitalize text */
+ padding: 0; /* Ensure no unnecessary padding */
+ margin: 0; /* Remove extra margins */
+ display: inline; /* Ensure the text flows inline with the label */
+}
+
+/* Facilities List */
+.facilities-list li::marker {
+ display: none;
+}
+
+.facilities-list {
+ padding-left: 0 !important;
+}
+
+.facilities-list li {
+ margin-left: 10px;
+ list-style: none; /* Remove default list marker */
+ position: relative; /* Position for pseudo-element */
+}
+
+.facilities-list li::before {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%); /* Center the icon vertically */
+ width: 20px; /* Adjust the size of the tick icon */
+ height: 20px;
+ background-image: url("../../img/tick.svg"); /* Replace with the path to your tick.svg */
+ background-size: contain;
+ background-repeat: no-repeat;
+ left: -28px;
+}
+
+/* Additional Info */
+.additional-info .wp-block-group.content .read-more-btn,
+.additional-info .wp-block-group.content .read-less-btn {
+ color: #0073aa;
+ cursor: pointer;
+ font-weight: bold;
+}
+
+.additional-info .wp-block-group.content .read-more-btn:hover {
+ text-decoration: underline;
+}
+
+.additional-info .wp-block-group.content .read-less-btn {
+ display: none;
+}
+
+.wp-block-query.lsx-to-slider {
+ gap: var(--wp--preset--spacing--small) var(--wp--preset--spacing--small);
+ position: relative;
+}
+.wp-block-query.lsx-to-slider .slick-arrow {
+ cursor: pointer;
+ border-color: #000 !important;
+ height: 30px;
+ width: 30px;
+}
+.wp-block-query.lsx-to-slider .slick-arrow:before {
+ border-color: #000 !important;
+ height: 30px;
+ width: 30px;
+}
+.wp-block-query.lsx-to-slider .slick-arrow.slick-prev:before {
+ background: url("../img/left-arrow-dark.svg") no-repeat center center;
+ width: 20px;
+ left: 3px;
+ height: 20px;
+}
+.wp-block-query.lsx-to-slider .slick-arrow.slick-next:before {
+ background: url("../img/right-arrow-dark.svg") no-repeat center center;
+ width: 20px;
+ left: 3px;
+ height: 20px;
+}
+.wp-block-query.lsx-to-slider .slick-slide {
+ padding: 15px !important;
+}
+
.slick-lightbox-close {
right: 52px;
top: 35px;
}
-.slick-lightbox-close:before{font-size:40px;}
+.slick-lightbox-close:before {
+ font-size: 40px;
+}
.lsx-to-slider .slick-arrow,
.slick-lightbox-inner .slick-arrow {
background: transparent;
border-radius: 50%;
- position:absolute;
- top:50%;
+ position: absolute;
+ top: 50%;
border-style: solid;
border-color: #fff;
border-width: 2px;
@@ -183,8 +311,6 @@
z-index: 3;
color: white;
}
-.slick-prev svg, .slick-next svg{color: white;}
-
.lsx-to-slider .slick-arrow:before,
.slick-lightbox-inner .slick-arrow:before {
display: block;
@@ -200,27 +326,31 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
+
+.slick-prev svg,
+.slick-next svg {
+ color: white;
+}
+
.lsx-to-slider .slick-arrow.slick-disabled,
.slick-lightbox-inner .slick-arrow.slick-disabled {
cursor: not-allowed;
}
.lsx-to-slider .slick-arrow.slick-prev:before,
.slick-lightbox-inner .slick-arrow.slick-prev:before {
- content: ''; /* Remove font icon */
- background: url('../img/left-arrow-new.svg') no-repeat center center;
- width: 40px;
- height: 40px;
- display: inline-block;
- left: 10px;
+ content: ""; /* Remove font icon */
+ width: 40px;
+ height: 40px;
+ display: inline-block;
+ left: 10px;
}
.lsx-to-slider .slick-arrow.slick-next:before,
.slick-lightbox-inner .slick-arrow.slick-next:before {
- content: ''; /* Remove font icon */
- background: url('../img/right-arrow.svg') no-repeat center center;
- width: 40px;
- height: 40px;
- display: inline-block;
- left: 12px;
+ content: ""; /* Remove font icon */
+ width: 40px;
+ height: 40px;
+ display: inline-block;
+ left: 12px;
}
.lsx-to-slider .slick-dots:not(.dropdown-menu) {
@@ -252,10 +382,12 @@
.lsx-to-slider .slick-arrow.slick-next {
right: -4rem;
}
-
.lsx-to-slider.slider-disabled {
overflow: hidden;
}
+.lsx-to-slider .slick-slide .lazy-hidden {
+ max-height: 154px;
+}
.slick-lightbox-inner .slick-arrow {
opacity: 0.75;
@@ -268,7 +400,6 @@
display: inline-block;
}
-.lsx-to-slider .slick-slide .lazy-hidden,
.lsx-post-carousel-items .slick-slide .lazy-hidden {
max-height: 154px;
}
@@ -277,5 +408,9 @@
.lsx-units-wrapper .hidden {
display: none;
}
-/*# sourceMappingURL=style.css.map */
+.lsx-itinerary-wrapper .hidden,
+.lsx-units-wrapper .hidden {
+ display: none;
+}
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
index e28c0f80..4b9562ef 100644
--- a/assets/css/style.css.map
+++ b/assets/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.css","style.scss","scss/_icons.scss","scss/_slider.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;EAAA;ACEE;;;EACC,gBAAA;EACA,iBAAA;AFKH;AEKG;;;;;;;;;;;;;;;EAAU,YAAA;AFYb;AERG;;;EAAU,YAAA;AFab;AETG;;;EAAU,YAAA;AFcb;AEVG;;;EAAU,YAAA;AFeb;AEXG;;;EAAU,aAAA;AFgBb;AEZG;;;EAAU,YAAA;AFiBb;AEZG;;;;;EAAU,YAAA;AFmBb;AEfG;;;EAAU,YAAA;AFoBb;AEhBG;;;EAAU,YAAA;AFqBb;AEjBG;;;EAAU,YAAA;AFsBb;AElBG;;;EAAU,YAAA;AFuBb;AEnBG;;;EAAU,YAAA;AFwBb;AEpBG;;;EAAU,aAAA;AFyBb;AErBG;;;EAAU,aAAA;AF0Bb;AEtBG;;;EAAU,aAAA;AF2Bb;AEtBG;;;;;EAAU,aAAA;AF6Bb;AEzBG;;;EAAU,cAAA;AF8Bb;AE1BG;;;EAAU,cAAA;AF+Bb;AE3BG;;;EAAU,cAAA;AFgCb;AE5BG;;;EAAU,cAAA;AFiCb;AE7BG;;;EAAU,aAAA;AFkCb;AE9BG;;;EAAU,aAAA;AFmCb;;AE7BA;;;;;;;;;;EAAA;AAYA;;;EAGC;;IAAA;AFiCD;AE1BE;;;EACC,6BAAA;AF8BH;AE1BG;;;EAAU,iBAAA;AF+Bb;;AGpKA;EACC,WAAA;EACA,SAAA;AHuKD;;AGhKC;;EACC,uBAAA;EACA,kBAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,sCAAA;EACA,UAAA;EACA,iBAAA;EACA,2BAAA;EACA,6BAAA;EACA,WAAA;EACA,UAAA;AHoKF;AGlKE;;EACC,cAAA;EACA,0BAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,QAAA;EACA,2BAAA;EACA,4BAAA;EAEA,mCAAA;EACA,kCAAA;AHoKH;AGjKE;;EAAmB,mBAAA;AHqKrB;AGlKG;;EACC,gBAAA;EACA,YAAA;AHqKJ;AGhKG;;EACC,gBAAA;EACA,YAAA;AHmKJ;;AG5JC;EACC,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;EACA,uBAAA;EACA,gBAAA;EACA,gBAAA;EACA,UAAA;AH+JF;AG7JE;EACC,cAAA;EACA,YAAA;AH+JH;AG7JG;EACC,uBAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,iCAAA;EACA,WAAA;AH+JJ;AGzJE;EAAe,WAAA;AH4JjB;AG3JE;EAAe,YAAA;AH8JjB;;AGzJC;EAAoB,gBAAA;AH6JrB;;AGzJC;EACC,aAAA;AH4JF;AG1JE;EAAU,UAAA;AH6JZ;;AGzJA;EAAgC,qBAAA;AH6JhC;;AGxJE;;EACC,iBAAA;AH4JH;;AC9PC;;EACC,aAAA;ADkQF","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.css","style.scss","scss/_icons.scss","scss/_additional.scss","scss/_slider.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 047822cb..e7f0bb64 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -3,13 +3,12 @@
*/
@import 'scss/icons';
+@import 'scss/additional';
@import 'scss/slider';
-
.lsx-itinerary-wrapper,
.lsx-units-wrapper {
.hidden {
display: none;
}
}
-
\ No newline at end of file
diff --git a/assets/img/left-arrow-dark.svg b/assets/img/left-arrow-dark.svg
new file mode 100644
index 00000000..24b52a97
--- /dev/null
+++ b/assets/img/left-arrow-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/img/right-arrow-dark.svg b/assets/img/right-arrow-dark.svg
new file mode 100644
index 00000000..e4eb09b8
--- /dev/null
+++ b/assets/img/right-arrow-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/js/src/custom.js b/assets/js/src/custom.js
index 59795b2d..2ce8c27d 100755
--- a/assets/js/src/custom.js
+++ b/assets/js/src/custom.js
@@ -208,7 +208,7 @@ if ( window.location.hash ) {
draggable: false,
infinite: true,
swipe: false,
- dots: true,
+ dots: false,
slidesToShow: 3,
slidesToScroll: 1,
autoplay: false,
@@ -217,23 +217,25 @@ if ( window.location.hash ) {
//appendDots: $this.parent(),
responsive: [
{
- breakpoint: 1279,
+ breakpoint: 1028,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
- draggable: false,
- arrows: true,
- swipe: false,
+ draggable: true,
+ arrows: false,
+ swipe: true,
+ dots: true,
}
},
{
- breakpoint: lsx_to_params.slickSlider.mobile.breakpoint,
+ breakpoint: 782,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
draggable: true,
arrows: false,
swipe: true,
+ dots: true,
}
}
]
@@ -310,4 +312,45 @@ if ( window.location.hash ) {
lsx_to.build_slider_lightbox();
} );
-} )( jQuery, window, document );
+ document.addEventListener('DOMContentLoaded', function () {
+ const paragraphs = document.querySelectorAll('.additional-info .wp-block-group.content p');
+
+ paragraphs.forEach(function (p) {
+ const text = p.innerText.trim();
+
+ if (text.split(' ').length > 30) { // Check if paragraph exceeds 30 words
+ const fullText = p.innerText.trim();
+ const truncatedText = fullText.split(' ').slice(0, 30).join(' ') + '...';
+ p.innerHTML = `${truncatedText}${fullText}`;
+
+ // Create Read More button
+ const readMoreBtn = document.createElement('span');
+ readMoreBtn.textContent = ' Read More';
+ readMoreBtn.classList.add('read-more-btn');
+ p.appendChild(readMoreBtn);
+
+ // Create Read Less button
+ const readLessBtn = document.createElement('span');
+ readLessBtn.textContent = ' Read Less';
+ readLessBtn.classList.add('read-less-btn');
+ p.appendChild(readLessBtn);
+
+ // Add functionality to toggle text
+ readMoreBtn.addEventListener('click', function () {
+ p.querySelector('.truncated-text').style.display = 'none';
+ p.querySelector('.full-text').style.display = 'inline';
+ readMoreBtn.style.display = 'none';
+ readLessBtn.style.display = 'inline';
+ });
+
+ readLessBtn.addEventListener('click', function () {
+ p.querySelector('.truncated-text').style.display = 'inline';
+ p.querySelector('.full-text').style.display = 'none';
+ readMoreBtn.style.display = 'inline';
+ readLessBtn.style.display = 'none';
+ });
+ }
+ });
+ });
+
+} )( jQuery, window, document );
\ No newline at end of file