الكود اسفل لقائمه راسيه ولكن اريد ان اضيف عليها القائمه الرئيسيه لكن عند كل اضافه يحدث لخبطه بالكود او تظهر ايقونه القائمه الرئيسيه ولكن ليست بالالوان والتاثيرات لباقى القوائم
يرجى المساعده
الكود كالاتى
كود بلغة HTML:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" >$(document).ready(function(){
$('li.title a').click(function(e){
var dropDown = $(this).parent().next();
$('.downlistie').not(dropDown).slideUp('slow');
dropDown.slideToggle('slow');
e.preventDefault();
})
});</script>
<style>
ul.container{
width:190px;
padding:0px;
}
li.accoi-menu{
list-style:none;
padding:2px;
width:100%;}
li.title
{
border-radius:10px;
background:#0C6B68;
list-style:none;
padding:8px;
}
li.title a{
color:#EAFAFA;
display:block;
padding:5px;
font:18px droidkufi-bold;
overflow:hidden;
position:relative;
width:100%;
text-decoration:none;
text-align: center;
}
.downlistie{
list-style:none;
display:none;
padding-top:5px;
width:100%;
}
.downlistie li{
list-style:none;
border-left:2px solid #70F1F7;
border-right:2px solid #70F1F7;
border-bottom:2px solid #70F1F7;
border-radius:15px;
background:#07ADB5;
margin:5px ;
padding:6px 15px;
}
.downlistie li:hover {
background:#8DA619;
}
.downlistie li a{
font: 18px droidkufi-bold;
{
font:18px georgia, verdana;
text-decoration:none;
color:#333333;
}
.downlistie li a:hover {
text-decoration:none;
color:#fff;
}
</style>
<a href="http://wachhal.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://wachhal.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 10%;" /></a> <a href="http://wachhal.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://wachhal.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right:0%;" /></a>
<ul class="container">
<li class="accoi-menu">
<ul>
<li class="title"><a href="#" >اسماء الله الحسنى</a></li>
<li class="downlistie">
<ul>
<li><a href="http://way2-paradise.blogspot.com/search/label/ التعريف بالاسماء" >التعريف بالاسماء</a></li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu">
<ul>
<li class="title"><a href="#" >احاديث </a></li>
<li class="downlistie">
<ul>
<li><a href="http://way2-paradise.blogspot.com/search/label/ احاديث قدسيه" >احاديث قدسيه</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/احاديث نبويه">احاديث نبويه</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/ احاديث ضعيفه">احاديث ضعيفه</a></li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu">
<ul>
<li class="title"><a href="#" >السيره النبويه</a></li>
<li class="downlistie">
<ul>
<li><a href="http://way2-paradise.blogspot.com/search/label/المولد" >المولد</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/الوحى">الوحى</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/الغزوات">الغزوات</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/الهجره">الهجره</a></li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu">
<ul>
<li class="title"><a href="#" >قصص الانبياء</a></li>
<li class="downlistie">
<ul>
<li><a href="http://way2-paradise.blogspot.com/search/label/قصه سيدنا ادم" >قصه سيدنا ادم</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/قصه سيدنا ابراهيم">قصه سيدنا ابراهيم</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/قصه سيدنا اسماعيل">قصه سيدنا اسماعيل</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/قصه سيدنا نوح">قصه سيدنا نوح</a></li>
<li><a href="قصه سيدنا لوط">قصه سيدنا لوط</a></li>
<li><a href="قصه سيدنا يونس">قصه سيدنا يونس</a></li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu">
<ul>
<li class="title"><a href="#" >ادعيه</a></li>
<li class="downlistie">
<ul>
<li><a href="http://way2-paradise.blogspot.com/search/label/ادعيه ماثوره" >ادعيه ماثوره</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/ادعيه من القران">ادعيه من القران</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/ادعيه نبويه">ادعيه نبويه</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/ادعيه اخرى">ادعيه اخرى</a></li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu">
<ul>
<li class="title"><a href="#" >تفسير القران</a></li>
<li class="downlistie">
<ul>
<li><a href="http://way2-paradise.blogspot.com/search/label/تفسير القران" >تفسير القران</a></li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu">
<ul>
<li class="title"><a href="#" >رجال حول الرسول</a></li>
<li class="downlistie">
<ul>
<li><a href="http://way2-paradise.blogspot.com/search/label/الصحابه" >الصحابه</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/التابعين">التابعين</a></li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu">
<ul>
<li class="title"><a href="#" >نساء حول الرسول</a></li>
<li class="downlistie">
<ul>
<li><a href="http://way2-paradise.blogspot.com/search/label/زوجات الرسول" >زوجات الرسول</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/نساء حول الرسول">الوحى</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/الغزوات">الغزوات</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/الهجره">الهجره</a></li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu">
<ul>
<li class="title"><a href="#" >مواعظ وحكم</a></li>
<li class="downlistie">
<ul>
<li><a href="http://way2-paradise.blogspot.com/search/label/كلمات" >كلمات</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/الوحى">الوحى</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/الغزوات">الغزوات</a></li>
<li><a href="http://way2-paradise.blogspot.com/search/label/الهجره">الهجره</a></li></ul></li></ul></li></ul>
الموقع
http://way2-paradise.blogspot.com/
اشكركم
ميرا