آموزش ساخت منوی Accordion با jQuery + CSS + HTML

[سعید نظری 1710]

ازونجاییکه به دلیل مشکلات هاست اینجا ادیتور اجازه استفاده ی کامل از تگ code رو در اینجا نمیده تو انجمن دموی خودم آموزش رو نوشتم.

 

http://forum.saeednazari.ir/topic/2-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B3%D8%A7%D8%AE%D8%AA-%D9%85%D9%86%D9%88%DB%8C-accordion-%D8%A8%D8%A7-jquery-css-html/

 

موفق باشید.

 

پ:ن: یه ربع بعد از ارسال این پست : بعد اینکه آموزش رو نوشتیم تگ code ادیتور اینجا هم درست شد!دی!!!!

[MReza 407]

ممنون سعید بابت این آموزش.

 

فقط یک مورد اینکه نمی‌شه منوی باز رو بست، فقط میشه برای این کار یک منوی دیگر رو باز کرد تا منویی که قبلن باز بود بسته بشه.

 

یک آموزش هم در مورد ایجاد بلوک های Tab دار برای IP.Content بذار.

[سعید نظری 1710]

ممنون سعید بابت این آموزش.

فقط یک مورد اینکه نمی‌شه منوی باز رو بست، فقط میشه برای این کار یک منوی دیگر رو باز کرد تا منویی که قبلن باز بود بسته بشه.

یک آموزش هم در مورد ایجاد بلوک های Tab دار برای IP.Content بذار.

کافیه به جای اون کد جی کوئری ازین یکی استفاده کنید: که به طور دیفالت همه ی tab ها رو در حالت بسته قرار میده.

$( "#accordion" ).accordion({
    active: false,
    collapsible: true
});

تنظیمات براش زیاده که من حوصله نوشتنشونو ندارم دیگه.مثلا میشه بدون کلیک تنها با بردن موشواره روی تب ها تب ها رو باز کرد.یعنی موشواره جای کلیک کردن رو میگیره

که کدش این میشه:

$(function() {
    $( "#accordion" ).accordion({ event: "mouseover" });
  });
  </script>

که خوب جمعشون میشه این:

  <script>
$(function() {
    $( "#accordion" ).accordion({ event: "mouseover",  active: false,
    collapsible: true });
  });
  </script>

[Abbas Ma 337]

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