آکاردئون

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

نمایش کد

استفاده کنید accordion کلاس برای گسترش/کوچک کردن محتوای آکاردئون.

اگرچه اگر فقط یک بار این کار را انجام دهید احتمالاً دچار مشکل قانونی نمی شوید، چرا آن را به خطر می اندازید؟ اگر به مشترکین خود قول داده اید، باید به آن احترام بگذارید. در غیر این صورت، در معرض خطر افزایش شدید انصراف‌ها قرار می‌گیرید که در دراز مدت فقط به شما آسیب می‌زند.

وقتی مشترکین به لیست متنی شما می‌پیوندند، هیچ هزینه‌ای توسط SlickText اعمال نمی‌شود. اما این بدان معنا نیست که هزینه های 100٪ رخ نخواهد داد. هزینه‌هایی که ممکن است اتفاق بیفتد تحت بخشی از بیانیه انطباق است که بیان می‌کند «ممکن است نرخ‌های پیام و داده اعمال شود».

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

 <!-- Base Example -->
<div class="accordion" id="default-accordion-example">
    <div class="accordion-item">
        <h2 class="accordion-header" id="headingOne">
            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                How to create a group booking ?
            </button>
        </h2>
        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#default-accordion-example">
            <div class="accordion-body">
            Although you probably won’t get into any legal trouble if you do it just once, why risk it? If you made your subscribers a promise, you should honor that. If not, you run the risk of a drastic increase in opt outs, which will only hurt you in the long run.
            </div>
        </div>
        </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="headingTwo">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                Why do we use it ?
            </button>
        </h2>
        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#default-accordion-example">
            <div class="accordion-body">
            No charges are put in place by SlickText when subscribers join your text list. This does not mean however that charges 100% will not occur. Charges that may occur fall under part of the compliance statement stating "Message and Data rates may apply."
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="headingThree">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                Where does it come from ?
            </button>
        </h2>
        <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#default-accordion-example">
            <div class="accordion-body">
            Now that you have a general idea of the amount of texts you will need per month, simply find a plan size that allows you to have this allotment, plus some extra for growth. Don't worry, there are no mistakes to be made here. You can always upgrade and downgrade.
            </div>
        </div>
    </div>
</div>

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

نمایش کد

استفاده کنید accordion-flush کلاس برای حذف رنگ پس‌زمینه پیش‌فرض، برخی از حاشیه‌ها و برخی گوشه‌های گرد برای نمایش آکاردئون‌ها لبه به لبه با ظرف اصلی‌شان.

تمدید سرویس SlickText شما در سالگرد تاریخ ثبت نام اولیه پولی شما انجام می شود. ارتقاء در اواسط دوره صورت‌حساب، تاریخ صورت‌حساب را تغییر نمی‌دهد. با این حال، ارتقاء باعث می‌شود که یک هزینه فوری و متناسب با رتبه‌بندی از حساب شما اعمال شود.

اگر در یک حساب رایگان با Slicktext ثبت نام کرده باشید، سپس در تاریخ بعدی به یک طرح پولی ارتقا دهید، صورتحساب شما بر اساس تاریخی که به یک طرح پولی ارتقا داده اید، تمدید می شود. همه فاکتورها را می توان تحت گزینه های طرح شما در حساب SlickText مشاهده کرد.

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

 <!-- Accordion Flush Example -->
<div class="accordion accordion-flush" id="accordionFlushExample">
    <div class="accordion-item">
        <h2 class="accordion-header" id="flush-headingOne">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse"
                data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                How do I set up my profile ?
            </button>
        </h2>
        <div id="flush-collapseOne" class="accordion-collapse collapse show" aria-labelledby="flush-headingOne"
            data-bs-parent="#accordionFlushExample">
            <div class="accordion-body">The renewal of your SlickText service happens on the anniversary of your original paid sign up date. Upgrading in the middle of your billing period will not change the billing date. Upgrading does however force an immediate, pro-rated charge to take place on your account.</div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="flush-headingTwo">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse"
                data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
                What can I do with my project ?
            </button>
        </h2>
        <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo"
            data-bs-parent="#accordionFlushExample">
            <div class="accordion-body">If you had signed up on a free account with Slicktext, then upgraded to a paid plan at a later date, your bill will renew based on the date you had upgraded to a paid plan. All invoices are able to be viewed under your plan options in your SlickText account.</div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="flush-headingThree">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse"
                data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                Where can I go to edit voice settings
            </button>
        </h2>
        <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree"
            data-bs-parent="#accordionFlushExample">
            <div class="accordion-body">No, we cannot provide this information. Opting out from a list is an anonymous, private act. This prevents further harassment. Providing this information is considered bad practice, and further communication after they opt out would be considered against compliance.</div>
        </div>
    </div>
</div>

آکاردئون با آیکون

نمایش کد

استفاده کنید custom-accordionwithicon کلاس برای نشان دادن نماد سفارشی در آکاردئون.

بسته به موقعیت فاصله حروف را کم یا زیاد کنید و سعی کنید، دوباره امتحان کنید تا درست به نظر برسد، و هر assumenda labore aes Homo nostrud organic، assumenda labore estetic magna عناصر، دکمه ها، همه چیز.

هیچ کس قبلا درمان اروس گلو نیز مهم است. دو بار. اما خنده دار بودن لذت بخش است. تا اعضای تیرهای بزرگ. اما نتیجه، شیر نیاز به نوشیدن اعضا دارد، او می خواهد دوره را در حال حاضر تبلیغ کند، که بچه بزرگ من را باردار است. Fusce vulputate eleifend sapien.

فردا اولتریسیس mi eu turpis hendrerit fringilla. دهلیز پیش روی او ابتدا در گلوی بیمارستان بسترهای مراقبت و مصلوب شدن را گذاشت. در ac dui quis mi consectetuer lacinia. به قیمت سقز و کمان باید آن را دریافت کند، چه سرمایه گذاری کند و چه نکند، آن را در نوعی اولتریس ماوریس سرمایه گذاری می کند.

 <!-- Accordions with Icons -->
<div class="accordion custom-accordionwithicon" id="accordionWithicon">
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionwithiconExample1">
            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#accor_iconExamplecollapse1" aria-expanded="true" aria-controls="accor_iconExamplecollapse1">
                <i class="ri-global-line"></i> How Does Age Verification Work?
            </button>
        </h2>
        <div id="accor_iconExamplecollapse1" class="accordion-collapse collapse show" aria-labelledby="accordionwithiconExample1" data-bs-parent="#accordionWithicon">
            <div class="accordion-body">
            Increase or decrease the letter spacing depending on the situation and try, try again until it looks right, and each assumenda labore aes Homo nostrud organic, assumenda labore aesthetic magna elements, buttons, everything.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionwithiconExample2">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_iconExamplecollapse2" aria-expanded="false" aria-controls="accor_iconExamplecollapse2">
                <i class="ri-user-location-line"></i> How Does Link Tracking Work?
            </button>
        </h2>
        <div id="accor_iconExamplecollapse2" class="accordion-collapse collapse" aria-labelledby="accordionwithiconExample2" data-bs-parent="#accordionWithicon">
            <div class="accordion-body">
                Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionwithiconExample3">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_iconExamplecollapse3" aria-expanded="false" aria-controls="accor_iconExamplecollapse3">
                <i class="ri-pen-nib-line"></i> How Do I Set Up the Drip Feature?
            </button>
        </h2>
        <div id="accor_iconExamplecollapse3" class="accordion-collapse collapse" aria-labelledby="accordionwithiconExample3" data-bs-parent="#accordionWithicon">
            <div class="accordion-body">
                Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis aliquam ultrices mauris.
            </div>
        </div>
    </div>
</div>

آکاردئون بدون آیکون

نمایش کد

استفاده کنید accordion-icon-none کلاس برای حذف نماد در آکاردئون.

هر طرح یک قطعه هنری جدید و منحصر به فرد است که در این دنیا متولد شده است، و در حالی که شما این فرصت را دارید که خلاق باشید و سبک خود را انتخاب کنید. به همین دلیل، من به جستجو رفتم و با بسیاری از طراحان گرافیک حرفه ای مختلف صحبت کردم.

هنگامی که دره دوست داشتنی از بخار در اطرافم پر می شود و خورشید نصف النهار به سطح بالایی شاخ و برگ غیر قابل نفوذ درختانم برخورد می کند و چند درخشش سرگردان به پناهگاه درونی می دزدند، خود را در میان علف های بلند کنار دریا به پایین پرت می کنم. جریان چکنده؛ و وقتی نزدیک زمین دراز می کشم، هزار ناشناخته.

 <!-- Accordions with Icons -->
<div class="accordion custom-accordionwithicon" id="accordionWithicon">
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionwithiconExample1">
            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#accor_withouticoncollapse1" aria-expanded="true" aria-controls="accor_iconExamplecollapse1">
                <i class="ri-global-line"></i> How Does Age Verification Work?
            </button>
        </h2>
        <div id="accor_iconExamplecollapse1" class="accordion-collapse collapse show" aria-labelledby="accordionwithiconExample1" data-bs-parent="#accordionWithicon">
            <div class="accordion-body">
                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua nulla assumenda shoreditch et.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionwithiconExample2">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_iconExamplecollapse2" aria-expanded="false" aria-controls="accor_iconExamplecollapse2">
                <i class="ri-user-location-line"></i> How Does Link Tracking Work?
            </button>
        </h2>
        <div id="accor_iconExamplecollapse2" class="accordion-collapse collapse" aria-labelledby="accordionwithiconExample2" data-bs-parent="#accordionWithicon">
            <div class="accordion-body">
                Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionwithiconExample3">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_iconExamplecollapse3" aria-expanded="false" aria-controls="accor_iconExamplecollapse3">
                <i class="ri-pen-nib-line"></i> How Do I Set Up the Drip Feature?
            </button>
        </h2>
        <div id="accor_iconExamplecollapse3" class="accordion-collapse collapse" aria-labelledby="accordionwithiconExample3" data-bs-parent="#accordionWithicon">
            <div class="accordion-body">
                Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis aliquam ultrices mauris.
            </div>
        </div>
    </div>
</div>

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

نمایش کد

استفاده کنید custom-accordionwithicon-plus کلاس برای نشان دادن نماد پلاس در آکاردئون.

زمین لرزه های بزرگ جولای نذر تجربی دیوانه را مخدوش می کند. دخترم قبل از ترک شش دوجین کاپشن چهارخانه بافت. شش شیطان بزرگ از ژاپن به سرعت نحوه والس را فراموش کردند. دوباره امتحان کنید تا درست به نظر برسد، و هر assumenda labore aes Homo nostrud organic، assumenda labore زیبایی magna عناصر، دکمه ها، همه چیز.

بیانیه ای می دهد، طراحی گرافیکی چشمگیر است. بسته به موقعیت فاصله حروف را کم یا زیاد کنید و سعی کنید دوباره امتحان کنید تا درست به نظر برسد و هر حرف نقطه مناسب خود را داشته باشد. commodo enim craft beer mlkshk aliquip jean shorts ullamco.

بسته به موقعیت فاصله گذاری کنید و سعی کنید، دوباره امتحان کنید تا درست به نظر برسد، و هر کدام. سطح بعدی وس اندرسون صنعتگر چهار لوکو آبجوی کرافت مزرعه به میز. commodo enim craft beer mlkshk aliquip jean shorts ullamco. omo nostrud organic، assumenda labore aesthetic magna delectus. مخالفان جذب می شوند و این یک واقعیت است.

 <!-- Accordions with Plus Icon -->
<div class="accordion custom-accordionwithicon-plus" id="accordionWithplusicon">
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionwithplusExample1">
            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#accor_plusExamplecollapse1" aria-expanded="true" aria-controls="accor_plusExamplecollapse1">
                What is User Interface Design?
            </button>
        </h2>
        <div id="accor_plusExamplecollapse1" class="accordion-collapse collapse show" aria-labelledby="accordionwithplusExample1" data-bs-parent="#accordionWithplusicon">
            <div class="accordion-body">
            Big July earthquakes confound zany experimental vow. My girl wove six dozen plaid jackets before she quit. Six big devils from Japan quickly forgot how to waltz. try again until it looks right, and each assumenda labore aes Homo nostrud organic, assumenda labore aesthetic magna elements, buttons, everything.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionwithplusExample2">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_plusExamplecollapse2" aria-expanded="false" aria-controls="accor_plusExamplecollapse2">
                What is Digital Marketing?
            </button>
        </h2>
        <div id="accor_plusExamplecollapse2" class="accordion-collapse collapse" aria-labelledby="accordionwithplusExample2" data-bs-parent="#accordionWithplusicon">
            <div class="accordion-body">
            It makes a statement, it’s impressive graphic design. Increase or decrease the letter spacing depending on the situation and try, try again until it looks right, and each letter has the perfect spot of its own. commodo enim craft beer mlkshk aliquip jean shorts ullamco.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionwithplusExample3">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_plusExamplecollapse3" aria-expanded="false" aria-controls="accor_plusExamplecollapse3">
                Where does it come from ?
            </button>
        </h2>
        <div id="accor_plusExamplecollapse3" class="accordion-collapse collapse" aria-labelledby="accordionwithplusExample3" data-bs-parent="#accordionWithplusicon">
            <div class="accordion-body">
            Spacing depending on the situation and try, try again until it looks right, and each. next level wes anderson artisan four loko farm-to-table craft beer twee. commodo enim craft beer mlkshk aliquip jean shorts ullamco. omo nostrud organic, assumenda labore aesthetic magna delectus. pposites attract, and that’s a fact.
            </div>
        </div>
    </div>
</div>

آکوردئون نماد سمت چپ

نمایش کد

استفاده کنید lefticon-accordion کلاس برای نشان دادن نماد سمت چپ آکاردئون.

ذهن آماده انتقاد از کلیشه است، زیرا اینگونه است که ما تری ریچاردسون را به زندگی بالا در ماهی مرکب متهم می کنیم. 3 سرویس ماه گرگ، اما نه به میل برانچ هوشمند اسکیت برد. کینوا کامیون مواد غذایی در مورد تنقلات مانند آن چیزی نمی داند. صبحانه 3 گرگ زمان ماه، برخی از صفر به فرض shoreditch و وجود دارد.

 <!-- Left Icon Accordions -->
<div class="accordion lefticon-accordion custom-accordionwithicon accordion-border-box" id="accordionlefticon">
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionlefticonExample1">
            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#accor_lefticonExamplecollapse1" aria-expanded="true" aria-controls="accor_lefticonExamplecollapse1">
                What is User Interface Design?
            </button>
        </h2>
        <div id="accor_lefticonExamplecollapse1" class="accordion-collapse collapse show" aria-labelledby="accordionlefticonExample1" data-bs-parent="#accordionlefticon">
            <div class="accordion-body">
                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua nulla assumenda shoreditch et.
            </div>
        </div>
    </div>
    <div class="accordion-item mt-2">
        <h2 class="accordion-header" id="accordionlefticonExample2">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_lefticonExamplecollapse2" aria-expanded="false" aria-controls="accor_lefticonExamplecollapse2">
                What is Digital Marketing?
            </button>
        </h2>
        <div id="accor_lefticonExamplecollapse2" class="accordion-collapse collapse" aria-labelledby="accordionlefticonExample2" data-bs-parent="#accordionlefticon">
            <div class="accordion-body">
                Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien.
            </div>
        </div>
    </div>
    <div class="accordion-item mt-2">
        <h2 class="accordion-header" id="accordionlefticonExample3">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_lefticonExamplecollapse3" aria-expanded="false" aria-controls="accor_lefticonExamplecollapse3">
                Where does it come from ?
            </button>
        </h2>
        <div id="accor_lefticonExamplecollapse3" class="accordion-collapse collapse" aria-labelledby="accordionlefticonExample3" data-bs-parent="#accordionlefticon">
            <div class="accordion-body">
                Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis aliquam ultrices mauris.
            </div>
        </div>
    </div>
</div>

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

نمایش کد

استفاده کنید custom-accordion-border کلاس برای ایجاد حاشیه در آکاردئون.

 <!-- Accordions Bordered -->
<div class="accordion custom-accordionwithicon custom-accordion-border accordion-border-box accordion-secondary" id="accordionBordered">
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionborderedExample1">
            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#accor_borderedExamplecollapse1" aria-expanded="true" aria-controls="accor_borderedExamplecollapse1">
                What is User Interface Design?
            </button>
        </h2>
        <div id="accor_borderedExamplecollapse1" class="accordion-collapse collapse show" aria-labelledby="accordionborderedExample1" data-bs-parent="#accordionBordered">
            <div class="accordion-body">
                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua nulla assumenda shoreditch et.
            </div>
        </div>
    </div>
    <div class="accordion-item mt-2">
        <h2 class="accordion-header" id="accordionborderedExample2">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_borderedExamplecollapse2" aria-expanded="false" aria-controls="accor_borderedExamplecollapse2">
                What is Digital Marketing?
            </button>
        </h2>
        <div id="accor_borderedExamplecollapse2" class="accordion-collapse collapse" aria-labelledby="accordionborderedExample2" data-bs-parent="#accordionBordered">
            <div class="accordion-body">
                Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien.
            </div>
        </div>
    </div>
    <div class="accordion-item mt-2">
        <h2 class="accordion-header" id="accordionborderedExample3">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_borderedExamplecollapse3" aria-expanded="false" aria-controls="accor_borderedExamplecollapse3">
                Where does it come from ?
            </button>
        </h2>
        <div id="accor_borderedExamplecollapse3" class="accordion-collapse collapse" aria-labelledby="accordionborderedExample3" data-bs-parent="#accordionBordered">
            <div class="accordion-body">
                Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis aliquam ultrices mauris.
            </div>
        </div>
    </div>
</div>

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

نمایش کد

استفاده کنید nesting-accordion کلاس برای ایجاد آکاردئون تودرتو.

این روش انتخاب کردن برای کسانی که به دنبال ادغام نرم افزار متفاوتی مانند Shopify یا Hubspot با Slicktext هستند بسیار مناسب است. به عنوان مثال، پس از پرداخت آنلاین، یک مشترک ممکن است برای دریافت شماره تلفن همراه خود برای دریافت پیام های بازاریابی ارسال کند. API این اطلاعات را از نرم افزار مذکور از طریق یکپارچه سازی API به Slicktext منتقل می کند.

هنگامی که به یافتن مشترک خاصی نیاز دارید، می خواهید از کمک ابزار ناوبری جستجوی SlickText که در زیر برگه مخاطبین حساب Slicktext شما قرار دارد استفاده کنید. هنگامی که اینجا هستید، گزینه هایی برای مرتب سازی، فیلتر کردن و جستجوی مخاطبین خود خواهید داشت.

انصراف از یک مشترک به SlickText اجازه می دهد تا تاریخچه مشترک را همانطور که مربوط به کلمه متنی است که شما از آن انصراف می دهید، حفظ کند. اگر قرار باشد این کاربر برای پیوستن دوباره پیامک ارسال کند، متن اولیه ای که با آن مواجه می شود به جای پاسخ خودکار، پیام «بازگشت خوش آمدید» خواهد بود.

شخصی سازی به شما این امکان را می دهد که یک لمس شخصی به کمپین های بازاریابی متنی خود ارائه دهید. SlickText از تگ های ادغام به عنوان مکان هایی استفاده می کند که هنگام ارسال پیام متنی با اطلاعات خاص مخاطب جایگزین می شوند. این تگ های ادغام ممکن است به عنوان فیلدهای شخصی سازی نیز شناخته شوند.

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

 <!-- Nesting Accordions -->
<div class="accordion nesting-accordion custom-accordionwithicon accordion-border-box" id="accordionnesting">
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionnestingExample1">
            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#accor_nestingExamplecollapse1" aria-expanded="true" aria-controls="accor_nestingExamplecollapse1">
                How Do I Add Contacts/Subscribers?
            </button>
        </h2>
        <div id="accor_nestingExamplecollapse1" class="accordion-collapse collapse show" aria-labelledby="accordionnestingExample1" data-bs-parent="#accordionnesting">
            <div class="accordion-body">
                This opt in method is perfect for those looking to integrate a different software such Shopify or Hubspot with Slicktext. For example, upon cashing out online, a subscriber may submit to have their mobile number to receive marketing messages. The API will pass this information from said software over to Slicktext via API integration.
                <div class="accordion nesting2-accordion custom-accordionwithicon accordion-border-box mt-3" id="accordionnesting2">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="accordionnesting2Example1">
                            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#accor_nesting2Examplecollapse1" aria-expanded="true" aria-controls="accor_nesting2Examplecollapse1">
                                How Do I Search For Contacts?
                            </button>
                        </h2>
                        <div id="accor_nesting2Examplecollapse1" class="accordion-collapse collapse show" aria-labelledby="accordionnesting2Example1" data-bs-parent="#accordionnesting2">
                            <div class="accordion-body">
                                When you are in need of finding a specific subscriber, you will want to use the help of SlickText's search navigation tool, located under the Contacts tab of your Slicktext account. Once here, you will have options to sort by, filter, and search your contacts.
                                <div class="accordion nesting4-accordion custom-accordionwithicon accordion-border-box mt-3" id="accordionnesting4">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="accordionnesting4Example2">
                                            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_nesting4Examplecollapse2" aria-expanded="false" aria-controls="accor_nesting4Examplecollapse2">
                                                How do I reset my digital tide watch ?
                                            </button>
                                        </h2>
                                        <div id="accor_nesting4Examplecollapse2" class="accordion-collapse collapse" aria-labelledby="accordionnesting4Example2" data-bs-parent="#accordionnesting4">
                                            <div class="accordion-body">
                                                Opting out a subscriber will allow SlickText to maintain the history of the subscriber as it pertains to the textword you are opting them out of. If this user was to text to join again, the initial text they are met with will be a "welcome back" message instead of the auto reply.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="accordionnesting2Example2">
                            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_nesting2Examplecollapse2" aria-expanded="false" aria-controls="accor_nesting2Examplecollapse2">
                                How Do I Delete a Contact From My List?
                            </button>
                        </h2>
                        <div id="accor_nesting2Examplecollapse2" class="accordion-collapse collapse" aria-labelledby="accordionnesting2Example2" data-bs-parent="#accordionnesting2">
                            <div class="accordion-body">
                                Opting out a subscriber will allow SlickText to maintain the history of the subscriber as it pertains to the textword you are opting them out of. If this user was to text to join again, the initial text they are met with will be a "welcome back" message instead of the auto reply.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionnestingExample2">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_nestingExamplecollapse2" aria-expanded="false" aria-controls="accor_nestingExamplecollapse2">
                How Does Personalization Work?
            </button>
        </h2>
        <div id="accor_nestingExamplecollapse2" class="accordion-collapse collapse" aria-labelledby="accordionnestingExample2" data-bs-parent="#accordionnesting">
            <div class="accordion-body">
                Personalization allows you to provide a personal touch to your outbound text marketing campaigns. SlickText uses merge tags as placeholders that are replaced with contact-specific information when a text message is sent. These merge tags may also be known as personalization fields.
                <div class="accordion nesting3-accordion custom-accordionwithicon accordion-border-box mt-3" id="accordionnesting3">
                    <div class="accordion-item mt-2">
                        <h2 class="accordion-header" id="accordionnesting3Example2">
                            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_nesting3Examplecollapse2" aria-expanded="false" aria-controls="accor_nesting3Examplecollapse2">
                                Howe does temperature impact my watch?
                            </button>
                        </h2>
                        <div id="accor_nesting3Examplecollapse2" class="accordion-collapse collapse" aria-labelledby="accordionnesting3Example2" data-bs-parent="#accordionnesting3">
                            <div class="accordion-body">
                                Opting out a subscriber will allow SlickText to maintain the history of the subscriber as it pertains to the textword you are opting them out of. If this user was to text to join again, the initial text they are met with will be a "welcome back" message instead of the auto reply.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionnestingExample3">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_nestingExamplecollapse3" aria-expanded="false" aria-controls="accor_nestingExamplecollapse3">
                What Happens When I Run Out of Messages?
            </button>
        </h2>
        <div id="accor_nestingExamplecollapse3" class="accordion-collapse collapse" aria-labelledby="accordionnestingExample3" data-bs-parent="#accordionnesting">
            <div class="accordion-body">
                When you run out of messages, you will not be able to send any outbound campaigns. This would include any scheduled messages, drip campaigns, and birthday messages. However, we will continue to deliver your auto-reply messages to allow your subscriber list to continue to grow.
            </div>
        </div>
    </div>
</div>

آکاردئون پر رنگی

نمایش کد

استفاده کنید accordion-fill- کلاس با کلاس اصلاح کننده به آکاردئون رنگ.

Webhooks به شما این امکان را می دهد که داده های زمان واقعی را در مورد تعاملات کلیدی که با حساب Slick Text شما اتفاق می افتد جمع آوری کنید. به سادگی یک آدرس اینترنتی به ما ارائه دهید که می‌خواهید داده‌ها در آن ارسال شوند، انتخاب کنید که می‌خواهید از چه رویدادهایی مطلع شوید و روی ذخیره کلیک کنید.

به صفحه Textwords بروید. روی گزینه ها در سمت راست کلیک کنید و سپس روی تنظیمات کلیک کنید. این شما را به صفحه تنظیمات Textword خود هدایت می کند. اکنون، آدرس اینترنتی خود را بررسی کنید، شناسه کلمه متنی، شماره بعد از "word=" خواهد بود. فاصله خیلی زیاد یا خیلی کم، مانند مثال زیر.

شما همیشه می خواهید مطمئن شوید که فونت های شما به خوبی با هم کار می کنند و سعی کنید تعداد فونت هایی را که استفاده می کنید به سه یا کمتر محدود کنید. فونت هایی را که از قبل در نرم افزاری که با وب سایت های فونت معتبر کار می کنید دارید، آزمایش کنید و بازی کنید.

Food Truck Fixie Locavore، Accusamus McSweeney's Marfa Nulla Single Origin Coffee Squid. تمرین +1 labore velit، شلوار ساق PBR sartorial بلاگ سطح بعدی وس اندرسون آرتیزان چهار وقتی از مزرعه به میز آبجوی کرافت می‌کنید. کمد انیم کرافت بیر Mlkshk Aliquip Jean Shorts Ullamco Ad Vinyl Cillum PBR.

سازگاری تنها چیزی است که می تواند تمام عناصر مختلف طراحی شما را در بر بگیرد و همه آنها را با هم گره بزند و آنها را به کار ببرد. در یک کمپین آگاهی‌بخشی، برای افراد حیاتی است که 2 و 2 را کنار هم بگذارند و شروع به تشخیص علت شما کنند. ثبات علاقه مردم را برمی انگیزد.

 <!-- Accordions Fill Colored -->
<div class="accordion custom-accordionwithicon accordion-fill-success" id="accordionFill">
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionFillExample1">
            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#accor_fill1" aria-expanded="true" aria-controls="accor_fill1">
                What are webhooks?
            </button>
        </h2>
        <div id="accor_fill1" class="accordion-collapse collapse show" aria-labelledby="accordionFillExample1" data-bs-parent="#accordionFill">
            <div class="accordion-body">
                Webhooks allow you to gather real time data on key interactions that happen with your Slick Text account. Simply provide us with a url where you'd like the data to be sent, choose which events you'd like to be informed of, and click save.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionFillExample2">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_fill2" aria-expanded="false" aria-controls="accor_fill2">
                Where can I find my Textword ID?
            </button>
        </h2>
        <div id="accor_fill2" class="accordion-collapse collapse" aria-labelledby="accordionFillExample2" data-bs-parent="#accordionFill">
            <div class="accordion-body">
                Head over to the Textwords page. Click options on the right hand side, and then click Settings. This will redirect you to your Textword Setting page. Now, go check your url, and the textword ID will be the number after "word=". Too much or too little spacing, as in the example below.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionFillExample3">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_fill3" aria-expanded="false" aria-controls="accor_fill3">
                Where is your API documentation?
            </button>
        </h2>
        <div id="accor_fill3" class="accordion-collapse collapse" aria-labelledby="accordionFillExample3" data-bs-parent="#accordionFill">
            <div class="accordion-body">
                You always want to make sure that your fonts work well together and try to limit the number of fonts you use to three or less. Experiment and play around with the fonts that you already have in the software you’re working with reputable font websites.
            </div>
        </div>
    </div>
</div> 

 <div class="accordion custom-accordionwithicon accordion-flush accordion-fill-secondary" id="accordionFill2">
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionFill2Example1">
            <button class="accordion-button fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#accor_fill21" aria-expanded="true" aria-controls="accor_fill21">
                How Does Age Verification Work?
            </button>
        </h2>
        <div id="accor_fill21" class="accordion-collapse collapse show" aria-labelledby="accordionFill2Example1" data-bs-parent="#accordionFill2">
            <div class="accordion-body">
                Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionFill2Example2">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_fill22" aria-expanded="false" aria-controls="accor_fill22">
                What Kind of List Growth Should I Expect?
            </button>
        </h2>
        <div id="accor_fill22" class="accordion-collapse collapse" aria-labelledby="accordionFill2Example2" data-bs-parent="#accordionFill2">
            <div class="accordion-body">
                Consistency is the one thing that can take all of the different elements in your design, and tie them all together and make them work. In an awareness campaign, it is vital for people to begin put 2 and 2 together and begin to recognize your cause. Consistency piques people’s interest.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-header" id="accordionFill2Example3">
            <button class="accordion-button fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accor_fill23" aria-expanded="false" aria-controls="accor_fill23">
                How Do I Delete a Contact From My List?
            </button>
        </h2>
        <div id="accor_fill23" class="accordion-collapse collapse" aria-labelledby="accordionFill2Example3" data-bs-parent="#accordionFill2">
            <div class="accordion-body">
                Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis aliquam ultrices mauris.
            </div>
        </div>
    </div>
</div>

جمع کردن مثال

نمایش کد

می توانید از یک لینک با استفاده از href ویژگی یا دکمه ای با data-bs-target ویژگی در هر دو مورد، data-bs-toggle="collapse" مورد نیاز است.

لینک با href

هنگام طراحی، هدف این است که توجه دیگران را جلب کنید و آنچه را که می خواهید بگویید برای او به تصویر بکشید. شما می توانید با استفاده از ترفندهای کوچک، مانند این، یک بیانیه بزرگ بیان کنید. از فونت های متضاد استفاده کنید. می توانید از فونت sanserif پررنگ با خط شکسته استفاده کنید.

 <!-- Collapse Example -->
<div class="hstack gap-2 flex-wrap mb-3">
    <a class="btn btn-primary" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="true" aria-controls="collapseExample">
        Link with href
    </a>
    <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
        Button with data-bs-target
    </button>
</div>

<div class="collapse show" id="collapseExample">
    <div class="card mb-0">
        <div class="card-body">
            When designing, the goal is to draw someone’s attention and portray to them what you’re trying to say. You can make a big statement by using little tricks, like this one. Use contrasting fonts. you can use a bold sanserif font with a cursive.
        </div>
    </div>
</div>

فروپاشی افقی

نمایش کد

استفاده کنید collapse-horizontal کلاس به انتقال width به جای height و a را تنظیم کنید width روی عنصر کودک فوری برای فروپاشی افقی.

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

 <!-- Horizontal Collapse -->
<div class="mb-3">
    <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWidthExample" aria-expanded="true" aria-controls="collapseWidthExample">
        Toggle width collapse
    </button>
</div>

<div>
    <div class="collapse collapse-horizontal show" id="collapseWidthExample">
        <div class="card card-body mb-0" style="width: 300px;">
            This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered.
        </div>
    </div>
</div>

با نماد جمع کنید

نمایش کد

در اینجا مثالی از collapse است که در آن آیکون درون کلید جمع کردن دکمه پیچیده شده است.

اگر متنی از جمله نمادها را در معیارهای جستجو وارد کنید، معیار جستجو دقیقاً همانطور که وارد کرده‌اید تفسیر می‌شود و جستجو به عنوان جستجوی بدون حساس به حروف بزرگ و کوچک که حاوی متن خاصی است اما گزینه‌های معیارهای جستجوی زیادی را نیز ارائه می‌کند، حساس است.

هنگامی که می خواهید داده هایی مانند نام مشتریان، آدرس ها یا گروه های محصول را جستجو کنید، معیارهایی را وارد می کنید. در معیارهای جستجو می توانید از تمام اعداد و حروفی که معمولاً در فیلد خاص استفاده می کنید استفاده کنید. علاوه بر این، می توانید از نمادهای ویژه برای فیلتر کردن بیشتر نتایج استفاده کنید.

 <!-- Collapse with Icon -->
<div class="hstack gap-3 mb-3">
    <a class="link-success" data-bs-toggle="collapse" href="#collapseWithicon" role="button" aria-expanded="true" aria-controls="collapseWithicon">
        <i class="ri-arrow-down-circle-line fs-16"></i>
    </a>
    <button class="btn btn-light" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWithicon2" aria-expanded="false" aria-controls="collapseWithicon2">
        <i class="ri-filter-2-line"></i>
    </button>
</div>
<div class="collapse show" id="collapseWithicon">
    <div class="card mb-0">
        <div class="card-body">
            If you enter text including symbols in the search criteria, the search criteria is interpreted exactly as you entered it, and the search is case sensitive as a case insensitive search that contains certain text but does also provide a lot of search criteria options.
        </div>
    </div>
</div>
<div class="collapse" id="collapseWithicon2">
    <div class="card mb-0">
        <div class="card-body">
            When you want to search for data, such as customer names, addresses, or product groups, you enter criteria. In search criteria you can use all the numbers and letters that you normally use in the specific field. In addition, you can use special symbols to further filter the results.
        </div>
    </div>
</div>

درون خطی و مسدود کردن عنصر

نمایش کد

جمع‌کردن عنصر درون خطی تمام فضای افقی را اشغال می‌کند، بنابراین می‌توانید با کلیک کردن بر روی آن، جمع‌کردن درون آن را فعال کنید. فضای افقی تمام عرض تنها با کلیک کردن روی دکمه جمع کردن، می‌توان جمع‌کردن عنصر بلوک را فعال کرد.

`<h6>` جمع شدن عنصر درون خطی

<span> مسدود کردن عنصر

آرامشی شگفت انگیز همه جانم را گرفته است، مثل این صبح های شیرین دل بهاری.

هنگامی که یک برنامه حساب جدید ایجاد کردید و ردیف ها را تنظیم کردید، باید ستون ها را تنظیم کنید.

 <!-- Inline & Block Element Collapse -->
<div class="mb-3">
    <h6 class="text-primary" data-bs-toggle="collapse" data-bs-target="#collapseblock" aria-expanded="true" aria-controls="collapseblock">
        <h6> Inline Element Collapse
    </h6>
    <span class="text-primary fw-medium" data-bs-toggle="collapse" data-bs-target="#collapseinline" aria-expanded="true" aria-controls="collapseinline">
        <span> Block Element Collapse
    </span>
</div>
<div class="row">
    <div class="col-lg-6">
        <div class="collapse collapse-horizontal show" id="collapseblock">
            <div class="card card-body mb-0" style="width: 300px;">
                A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring heart.
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="collapse collapse-horizontal show" id="collapseinline">
            <div class="card card-body mb-0" style="width: 300px;">
                When you have created a new account schedule and set up the rows, you must set up columns.
            </div>
        </div>
    </div>
</div>

چندین هدف فرو می ریزند

نمایش کد

الف <button> یا <a> می تواند چندین عنصر را با ارجاع به آنها با یک انتخابگر در ویژگی href یا data-bs-target خود نشان داده و پنهان کند. چندگانه <button> یا <a> می تواند اگر عنصری را با ویژگی href یا data-bs-target خود ارجاع دهند، عنصری را نشان داده و پنهان کنید.

اولین عنصر را تغییر دهید

برخی از محتوای نگهدارنده مکان برای اولین مؤلفه جمع‌بندی این مثال چند جمع‌بندی. این پنل به طور پیش‌فرض پنهان است، اما زمانی که کاربر تریگر مربوطه را فعال می‌کند، آشکار می‌شود.

برخی از محتوای متغیرهایی برای مؤلفه جمع‌بندی دوم این مثال چند جمع‌بندی. این پنل به طور پیش‌فرض پنهان است، اما زمانی که کاربر تریگر مربوطه را فعال می‌کند، آشکار می‌شود.

 <!-- Multiple Targets Example -->
<div class="hstack gap-2 flex-wrap mb-3">
    <a class="btn btn-primary" data-bs-toggle="collapse" href="#multiCollapseExample1" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">Toggle first element</a>
    <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#multiCollapseExample2" aria-expanded="false" aria-controls="multiCollapseExample2">Toggle second element</button>
    <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" aria-expanded="false" aria-controls="multiCollapseExample1 multiCollapseExample2">Toggle both elements</button>
</div>

<div class="row">
    <div class="col">
        <div class="collapse multi-collapse show" id="multiCollapseExample1">
            <div class="card card-body mb-0">
                Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.
            </div>
        </div>
    </div>
    <div class="col">
        <div class="collapse multi-collapse show" id="multiCollapseExample2">
            <div class="card card-body mb-0">
                Some placeholder content for the second collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.
            </div>
        </div>
    </div>
</div>

آنجلا برنیر

دیوید گراسو

مایک باچ

برنامه های وب

سبد خرید من

سبد خرید شما خالی است!

مارک دار تی شرت

$ 320

صندلی بنتوود

$ 89

لیوان کاغذی بوروسیل

$ 750

خاکستری تی شرت مدل دار

$ 1250

کلاه ایمنی فولادی

$ 990

1258.58 دلار

اطلاعیه ها

شما نخبگان گرافیک نویسنده بهینه سازی پاداش است آماده!

آنجلا برنیر

دریافت کرده اید 20 پیام های جدید در مکالمه

مورین گیبسون

جیمز لمیر

آنجلا برنیر

کنت براون

مورین گیبسون

آکاردئون

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

چگونه یک رزرو گروهی ایجاد کنیم؟

چرا از آن استفاده می کنیم؟

از کجا می آید؟

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

چگونه پروفایل خود را تنظیم کنم؟

چه کاری می توانم با پروژه خود انجام دهم؟

برای ویرایش تنظیمات صدا به کجا می توانم مراجعه کنم

آکاردئون با آیکون

تأیید سن چگونه کار می کند؟

ردیابی لینک چگونه کار می کند؟

چگونه ویژگی Drip را تنظیم کنم؟

آکاردئون بدون آیکون

تأیید سن چگونه کار می کند؟

ردیابی لینک چگونه کار می کند؟

چگونه ویژگی Drip را تنظیم کنم؟

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

طراحی رابط کاربری چیست؟

دیجیتال مارکتینگ چیست؟

از کجا می آید؟

آکوردئون نماد سمت چپ

طراحی رابط کاربری چیست؟

دیجیتال مارکتینگ چیست؟

از کجا می آید؟

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

طراحی رابط کاربری چیست؟

دیجیتال مارکتینگ چیست؟

از کجا می آید؟

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

چگونه مخاطبین/مشترکین را اضافه کنم؟

چگونه مخاطبین را جستجو کنم؟

چگونه می توانم ساعت جزر و مد دیجیتال خود را بازنشانی کنم؟

چگونه یک مخاطب را از لیست خود حذف کنم؟

شخصی سازی چگونه کار می کند؟

دما چگونه روی ساعت من تأثیر می گذارد؟

وقتی پیام هایم تمام می شود چه اتفاقی می افتد؟

آکاردئون پر رنگی

وب هوک ها چیست؟

از کجا می توانم شناسه Textword خود را پیدا کنم؟

اسناد API شما کجاست؟

تأیید سن چگونه کار می کند؟

چه نوع رشد لیستی را باید انتظار داشته باشم؟

چگونه یک مخاطب را از لیست خود حذف کنم؟

جمع کردن مثال

فروپاشی افقی

با نماد جمع کنید

درون خطی و مسدود کردن عنصر

<h6> جمع شدن عنصر درون خطی

چندین هدف فرو می ریزند

سفارشی ساز تم

طرح بندی

عمودی

افقی

`<h6>` جمع شدن عنصر درون خطی