چگونه ابزار آکاردئون المنتور را به صورت پیش‌فرض ببندیم؟‌

المنتور یکی از بهترین ابزارهای ساخت سایت در وردپرس است و آمار استفاده از آن گویای میزان محبوبیت آن است. این پلاگین مثل همه پلاگین‌های سایت‌ساز دو نسخه دارد. یک نسخه رایگان و یک نسخه پرمیوم. در نسخه رایگان المنتور یک المانی وجود دارد که بسیار هم پراستفاده و پر کاربرد است. منظورم ابزار آکاردئون المنتور است. که با آن می‌توان کارهای زیادی کرد و اطلاعات زیادی را نمایش داد.
اما این ویجت یک ایراد بزرگ دارد و آن این است که به صورت دائمی بخش اول آکاردئون باز است و این امکان وجود ندارد که همه تب‌های آکاردئون به صورت همزمان بسته باشند.

بستن ابزار آکاردئون المنتور

برای اینکه همه تب‌های آکاردئون به صورت همزمان بسته باشند کافیست که در هر کجای صفحه یک ویجت html ایجاد کنید. اصلاً و ابداً جای آن مهم نیست. تنها چیزی که مهم است این است که html باشد!
بعد از این که یک ویجت html ساختیم کد زیر را داخل آن کپی می‌کنیم.

<script>
jQuery(document).ready(function($) {
var delay = 100; setTimeout(function() {
$('.elementor-tab-title').removeClass('elementor-active');
$('.elementor-tab-content').css('display', 'none'); }, delay);
});
</script>

مرحله بعد این است که … خب مرحله بعدی وجود ندارد. کار تمام شد. تب‌های آکاردئون ما از این به بعد به صورت کامل بسته خواهند بود.

بستن ابزار آکاردئون المنتور فقط در موبایل

اگر بخواهیم همه تب‌های المنتور فقط در موبایل بسته باشند و در کامپیوتر و لپتاپ تب اول به صورت پیش‌فرض باز باشد چه کار کنیم؟
کافیست همان ویجت را که در مرحله قبل ساخته بودیم بسازیم و به جای کد بالا کد زیر را در بخش html وارد کنیم.

<script>
if(window.outerWidth < 425) {
alert('jQuery(document).ready(function($) {
var delay = 100; setTimeout(function() {
$('.elementor-tab-title').removeClass('elementor-active');
$('.elementor-tab-content').css('display', 'none'); }, delay);
}); ');
}
</script>

برای نوشتن این مطلب از این منبع استفاده شد. تقاضا می‌کنیم که سایر مطالب وبلاگ ما را هم ببینید. پشیمان نمی‌شوید.