View Full Version : ساخت منو آکاریونی
  
mohammad-gh
یک شنبه 03 مرداد 1389, 22:00 عصر
با سلام
لطفا مرا در ساخت یک منو آکاردیونی ساده که با کلیک بر روی منو زیر منوهاش زیر اون باز شوند راهنمایی کند ؟
http://www.investin-wa.ir/images/menus.gif
exlord
دوشنبه 04 مرداد 1389, 11:26 صبح
<div style="width:100px;">
        <a href="#" onclick="Toggle();">Link List</a>
       <div style="display:none;" id="linkList">
            <a href="#">content</a><br />
            <a href="#">content</a><br />
            <a href="#">content</a><br />
            <a href="#">content</a>
        </div>
    </div>
 function Toggle() {
            var div = document.getElementById('linkList');
            div.style.display =  (div.style.display == 'block')?'none':'block';
        }
بقیشم خودتون زحمتشو بکشین ...
البته کد های آماده هم زیاد هست ...
mohammad-gh
دوشنبه 04 مرداد 1389, 12:07 عصر
خیلی ممنون از کدتون
مشکلی که دارم این هست که من از این کد در یک حلقه استفاده می کنم ، و منو اصلی  دارای چندین منو و زیر منو است اما با این کد باید برای هر زیر منو باید یک تابع Toggle()  بنویسم
در حقیقیت اطلاعات از بانک اطلاعاتی خوانده شده و توسط اون موها درست می شوند و حالت پویا دارد
mohammad-gh
دوشنبه 04 مرداد 1389, 12:19 عصر
آقا مشکل من با فرستادن مقدار با تابع حل شد
باز هم ممنون از کدی که دادید
 function Toggle(id) {
              var idval=id;
            var div = document.getElementById('linkList'+idval);
            div.style.display =  (div.style.display == 'block')?'none':'block';
        }
madira
سه شنبه 12 مرداد 1389, 11:52 صبح
آقا مشکل من با فرستادن مقدار با تابع حل شد
باز هم ممنون از کدی که دادید
 function Toggle(id) {
              var idval=id;
            var div = document.getElementById('linkList'+idval);
            div.style.display =  (div.style.display == 'block')?'none':'block';
        }
دوست عزیز من از کد شما استفاده کردم ولی کار نمیکنه .میشه بگیر چیکار کردید؟
من واسه تست توی یک صفحه ساده ازش استفاده کردم.
 
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.