ساخت accordion تو درتو با html css

[Mohammd 2]

سلام یه تیکه کد میخوام که باهش بشه accordion تو در تو ساخت یه چیزی مثل عکس

[shortcut 26]

https://www.w3schools.com/howto/howto_js_accordion.asp

 

[Mohammd 2]

تو افزودن نوشته تو قسمت کدش گذاشتم ولی کار نکرد تو نوشته ها چطوری باید ازش استفاده کرد

[shortcut 26]

در 16 ساعت قبل، Mohammad1 گفته است :

تو افزودن نوشته تو قسمت کدش گذاشتم ولی کار نکرد تو نوشته ها چطوری باید ازش استفاده کرد

درود

خود ادیتور متن معمولا بالت لیست داره و نیاز به کد ندارید ( همین ادیتور متن که الان داری توی همین انجمن استفاده میکنی فهرست نقطه ای داره ادیتور سایت تو هم مشابه همینه )

[Mohammd 2]

در 6 ساعت قبل، majidchamran گفته است :

درود

خود ادیتور متن معمولا بالت لیست داره و نیاز به کد ندارید ( همین ادیتور متن که الان داری توی همین انجمن استفاده میکنی فهرست نقطه ای داره ادیتور سایت تو هم مشابه همینه )

منظورتونو درست متوجه نشدم میشه واضح تر توضیح بدید

[SadraHkm 20]

 با احترام

تکه کد زیر مثالی از اسکریپت مربوط به منو های اکاردئونی هست. در کنار HTML آن میتونید استفاده کنید: ( ابتدا فایل جی کوئری رو لود کنید )
 

    <div class="accItem">
        <div class="accTitle">عنوان شماره یک</div>
        <div class="accDesc">توضیحات اضافی</div>
    </div>

<script>
    $('.accTitle').click(function () {
        $('.accDesc').slideUp();
        if($(this).next('.accDesc').css('display') === 'none') {
            $(this).next('.accDesc').slideToggle();
        }
    });
</script>

 

[shortcut 26]

در در 9/6/2019 at 19:26، Mohammad1 گفته است :

منظورتونو درست متوجه نشدم میشه واضح تر توضیح بدید

 

درود

از المنتور استفاده کن تا گزینه های بیشتری هم علاوه بر این داشته باشی.

[Mohammd 2]

در در 9/7/2019 at 22:03، SadraHkm گفته است :

 با احترام

تکه کد زیر مثالی از اسکریپت مربوط به منو های اکاردئونی هست. در کنار HTML آن میتونید استفاده کنید: ( ابتدا فایل جی کوئری رو لود کنید )
 

    <div class="accItem">
        <div class="accTitle">عنوان شماره یک</div>
        <div class="accDesc">توضیحات اضافی</div>
    </div>

<script>
    $('.accTitle').click(function () {
        $('.accDesc').slideUp();
        if($(this).next('.accDesc').css('display') === 'none') {
            $(this).next('.accDesc').slideToggle();
        }
    });
</script>

 

توقسمت html قرار دادم ولی فقط html روخوند jqueryرونخوند

[Mohammd 2]

در در 9/8/2019 at 10:33، majidchamran گفته است :

 

درود

از المنتور استفاده کن تا گزینه های بیشتری هم علاوه بر این داشته باشی.

المنتور قابلیت accordion تو در تو نداره افزونه ای رو نمی شناسید که این قابلیت رو داشته باشه خیلی لازم دارم

[shortcut 26]

در در 9/12/2019 at 21:36، Mohammad1 گفته است :

المنتور قابلیت accordion تو در تو نداره افزونه ای رو نمی شناسید که این قابلیت رو داشته باشه خیلی لازم دارم

این تصویری که شما پیوست کردید  به راحتی میشه توسط المنتور پیاده کرد / به هر حال آموزش ساخت همچین چیزی توی سایت w3schools هست

https://www.w3schools.com/howto/howto_js_accordion.asp

 

[SadraHkm 20]

در در 9/12/2019 at 21:34، Mohammad1 گفته است :

توقسمت html قرار دادم ولی فقط html روخوند jqueryرونخوند

با احترام

دوست عزیز باید فایل جی کوئری رو قبل از این اسکریپت لود کنید