Mohammad1

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

11 پست در این موضوع قرار دارد

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

Capture.JPG

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


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

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

درود

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

0

به اشتراک گذاری این پست


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

درود

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

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

0

به اشتراک گذاری این پست


لینک به پست

 با احترام

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

 

0

به اشتراک گذاری این پست


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

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

 

درود

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

0

به اشتراک گذاری این پست


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

0

به اشتراک گذاری این پست


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

 

درود

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

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

0

به اشتراک گذاری این پست


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

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

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

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

 

0

به اشتراک گذاری این پست


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

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

با احترام

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

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری