رفتن به مطلب

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


پست های پیشنهاد شده

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

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

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

درود

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

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

درود

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

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

لینک به ارسال

 با احترام

تکه کد زیر مثالی از اسکریپت مربوط به منو های اکاردئونی هست. در کنار 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>

 

لینک به ارسال
در در 9/6/2019 at 19:26، Mohammad1 گفته است :

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

 

درود

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

لینک به ارسال
در در 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رونخوند

لینک به ارسال
در در 9/8/2019 at 10:33، majidchamran گفته است :

 

درود

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

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

لینک به ارسال
در در 9/12/2019 at 21:36، Mohammad1 گفته است :

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

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

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

 

لینک به ارسال
در در 9/12/2019 at 21:34، Mohammad1 گفته است :

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

با احترام

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...