باز و بسته شدن منوها

[manager_66]

سلام .
من یک منو دارم بشکل 79176

و با کد :


<div class="menu_box">
<div class="menu_header"><span>لیست محصولات</span></div><!-- end of menu_header -->
<div class="menu_text">
<?php
$cat=(mysql_query("SELECT * FROM `category`"));
while($rowcat=mysql_fetch_assoc($cat))
{
echo '<ul class="ulcatmenu"><li>'.$rowcat["name"].'</li></ul>';
$comp=mysql_query("SELECT * FROM `company` WHERE `cat_id`='{$rowcat["id"]}'");
while($rowcomp=mysql_fetch_assoc($comp))
{
?>
<ul class="ulcompmenu">
<li><a href="<?php echo "?action=pre&comp=".$rowcomp["id"]; ?>"><?php echo $rowcomp["name"]; ?></a></li>
</ul>
<?php
}
}
?>
</div> <!-- end of menu text -->
</div> <!-- end of menu_box -->


و CSS :

.ulcatmenu
{
padding-right:15px;
list-style-type: circle;
text-indent:-5px;
margin-top:5px;
font-weight:bold;
font-size:11px;
color:#366;
margin-top:15px;
margin-bottom: -3px;
}
.ulcompmenu
{
padding-right:25px;
list-style-image: url("../_images/comp.gif");
text-indent:-5px;
font-size:11px;
}
.ulcompmenu li
{
padding-top:5px;
}
.ulcompmenu li a:link,.ulcompmenu li a:visited
{
/* color:#665b5b; */
color:#03a;
}
.ulcompmenu li a:hover
{
color:#18a6be;
}


حالا میخوام فقط دسته ها رو نشون بده و وقتی روشون کلیک بشه محتویات درونش رو نشون بده . مثلا با توجه به شکل 3 دسته بخاری ؛ آبگرمکن و کولر رو نشون بده و با جی کوئری کاری کنم که وقتی رو این دسته های کلیک شده بیاد و محتویاتش رو نشون بده . سمپل از سایتای دیگه زیاد دیدم ولی چیزی سر در نیاوردم . میتونید روی همین کدم راهنماییم کنید . متشکرم :قلب:

[maryamm_20]

سلام
من نمونه ای رو با کدهای خودتون،براتون ایجاد کردم ،فقط اونجایی که شما حلقه داشتین و از دیتا بیس می خوندین رو به صورت دستی انجام دادم چون این قسمت رو خودتون به خوبی انجام داده بودین،و کافی کد های منو جایگزین کنید

[manager_66]

خیلی ممنون از لطفتون :قلب: . مشکلم حل شد :تشویق:. فقط میشه یک خورد افکت دارش کرد؟ :متفکر: مثلا منوها بصورت fade بیان یا slide از بالا بیان یا همچین چیزهایی ؟ چون الان خیلی خشن لود میشن :لبخند:

[maryamm_20]

ممنون،خوشحال شدم
توی اسکریپتا اون جای که .toggle گذاشتم بگذارید.
slideToggle('slow')
حالا جای slow می تونید
normal
fast
یا عدد بدین بر حسب میلی ثانیه کار می کنه ....

[manager_66]

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

[maryamm_20]

:D
خواهش می کنم ، مهم اینه که کارتون راه افتاد ;)