PDA

View Full Version : ساخت منو آکاریونی



mohammad-gh
یک شنبه 03 مرداد 1389, 21:00 عصر
با سلام
لطفا مرا در ساخت یک منو آکاردیونی ساده که با کلیک بر روی منو زیر منوهاش زیر اون باز شوند راهنمایی کند ؟
http://www.investin-wa.ir/images/menus.gif

exlord
دوشنبه 04 مرداد 1389, 10: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, 11:07 صبح
خیلی ممنون از کدتون
مشکلی که دارم این هست که من از این کد در یک حلقه استفاده می کنم ، و منو اصلی دارای چندین منو و زیر منو است اما با این کد باید برای هر زیر منو باید یک تابع Toggle() بنویسم
در حقیقیت اطلاعات از بانک اطلاعاتی خوانده شده و توسط اون موها درست می شوند و حالت پویا دارد

mohammad-gh
دوشنبه 04 مرداد 1389, 11: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, 10:52 صبح
آقا مشکل من با فرستادن مقدار با تابع حل شد
باز هم ممنون از کدی که دادید

function Toggle(id) {
var idval=id;
var div = document.getElementById('linkList'+idval);
div.style.display = (div.style.display == 'block')?'none':'block';
}

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