logo small logo dark logo small logo
user-image دومینیک کلر
Helper Icon Image
دسترسی نامحدود

به برنامه ریزی برای دسترسی به گزارش های نامحدود ارتقا دهید

ارتقا دهید
  1. هایپر
  2. رابط کاربری پایه
  3. آکاردئون و فروپاشی

آکاردئون و فروپاشی

آکاردئون های پیش فرض

روی آکاردئون های زیر کلیک کنید تا محتوای آکاردئون را بزرگ یا کوچک کنید.

این بدنه آکاردئونی اولین مورد است. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

این بدنه آکاردئونی مورد دوم است. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

این بدنه آکاردئونی سومین مورد است. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. 
                                                    \u003cdiv class\u003d\

آکاردئون فلاش

اضافه کردن.accordion-flush to remove the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.

محتوای متغیر برای این آکاردئون، که در نظر گرفته شده برای نشان دادن.accordion-flush class. This is the first item's accordion body.

محتوای متغیر برای این آکاردئون، که در نظر گرفته شده برای نشان دادن.accordion-flush class. This is the second item's accordion body. Let's imagine this being filled with some actual content.

محتوای متغیر برای این آکاردئون، که در نظر گرفته شده برای نشان دادن.accordion-flush class. This is the third item's accordion body. Nothing more exciting happening here in terms of content, but just filling up the space to make it look, at least at first glance, a bit more representative of how this would look in a real-world application.
                                                    \u003cdiv class\u003d\

آکاردئون های کارتی ساده

با استفاده از جزء کارت، می توانید\n .accordion as a wrapper.

Anim pariatur cliche reprehenderit, enim eiusmod high life\n
Anim pariatur cliche reprehenderit, enim eiusmod high life\n
Anim pariatur cliche reprehenderit, enim eiusmod high life\n 
                                                    \u003cdiv class\u003d\

آکاردئون ها را همیشه باز کنید

را حذف کنیدdata-bs-parent attribute on each .accordion-collapse to make accordion items stay open when another item is opened.

این بدنه آکاردئونی اولین مورد است. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

این بدنه آکاردئونی مورد دوم است. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

این بدنه آکاردئونی سومین مورد است. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. 
                                                    \u003cdiv class\u003d\

آکاردئون های سفارشی

شما می توانید ظاهر و احساس سفارشی را برای آکارون نیز داشته باشید. .custom-accordion along with .accordion as a wrapper.

بله، مجوز بازار به شما امکان می دهد از این موضوع استفاده کنید\n here.
خیر. این یک قالب HTML است.
از ایمیل پشتیبانی اختصاصی ما (support@coderthemes.com) استفاده کنید\n
بله، ما Hyper را به طور منظم به روز خواهیم کرد. 
                                                    \u003cdiv class\u003d\

سقوط - فروپاشی

فروپاشی بوت استرپ راهی را برای تغییر حالت مشاهده هر محتوا یا عنصر فراهم می کند.\n Bootstrap documentation for a full list of options.

Anim pariatur cliche reprehenderit, enim eiusmod high life\n 
                                                    \u003cp\u003e\n

جمع کردن افقی

افزونه collapse از جمع شدن افقی نیز پشتیبانی می کند. .collapse-horizontal modifier class to transition the width instead of height and set a width on the immediate child element.

این مقداری از محتوای نگهدارنده مکان برای جمع کردن افقی است. 
                                                    \u003cp\u003e\n

اهداف چندگانه

چندگانه<button> or <a> can show and hide an element if they each reference it with their href or data-bs-target attribute

انیمیشن پاریاتور کلیشه ای reprehenderit، enim eiusmod high life accusamus terry richardson ad squid.
انیمیشن پاریاتور کلیشه ای reprehenderit، enim eiusmod high life accusamus terry richardson ad squid. 
                                                    \u003cp\u003e\n
تنظیمات پوسته
Layout را انتخاب کنید
عمودی
افقی
طرح رنگی
سبک
تاریک
حالت چیدمان
مایع
جعبه دار
جدا
رنگ نوار بالای صفحه
سبک
تاریک
موقعیت چیدمان