کد این اسنیپت فقط برای کاربران ثبت‌نام‌شده است.
برای دسترسی کافی است یک حساب رایگان بسازید یا وارد شوید. آیتم: آکاردئون نرم با details
آکاردئون بومی HTML با تگ details و summary که بدون یک خط جاوااسکریپت باز و بسته می‌شود؛ نشانگر فلشی آن هنگام باز شدن می‌چرخد و محتوا با فاصله‌گذاری تمیز نمایش داده می‌شود. برای سوالات متداول، توضیحات محصول و بخش‌های انقباضی سایدبار مناسب است. چون بومی است، سئو و دسترس‌پذیری آن خودکار درست است. سه آیتم نمونه با محتوای واقعی آماده است.
چون مرورگر باز/بسته کردن، کیبورد و سمنتیک را بومی میدهد؛ کد سبکتر است و حتی اگر CSS لود نشود محتوا قابل دسترسی میماند.
باز/بسته بومی آنی است؛ برای انیمیشن ارتفاعی از interpolate-size یا ترفند grid-template-rows در مرورگرهای جدید استفاده کنید یا با JS کلاس بدهید.
ویژگی open را از HTML حذف کنید؛ اگر رفتار «فقط یکی باز» میخواهید، name مشترک روی details ها در مرورگرهای مدرن همان کار را میکند.
میانگین امتیاز کاربران: ۴.۶ از ۵ رأی — برای امتیازدهی وارد شوید
کد را کپی کنید و در فایل CSS یا بلوک HTML المنتور بچسبانید؛ پیش‌نمایش زنده همان خروجی نهایی است.
بله، همه اسنیپت‌ها با HTML و CSS خالص نوشته شده‌اند و مستقل از قالب هستند.
مرجع فارسی المان‌های المنتور و کدهای آماده CSS / HTML / JS.
بله؛ همه اسنیپت‌های پایه رایگان‌اند و فقط قالب‌های ویژه پریمیوم هستند.
کد را کپی کنید و در صفحه یا ویجت HTML المنتور قرار دهید.
کافی است فایل zip را از بخش به‌روزرسانی پنل ادمین آپلود کنید؛ نصب خودکار انجام می‌شود.
بله؛ storage و uploads هرگز دست نمی‌خورند و بکاپ خودکار هم گرفته می‌شود.
دیدگاه‌ها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!