تفکیک کردن خروجی wp_nav_menu و اختصاص class و id به قسمت های مختلف برای ساخت منوی آبشاری

soheilyou · بهمن 92

من میخوام یه منوی آبشاری واسه خودم درست کنم با css و jquery

اساسش رو که تو یه فایل html ساده درست کردم به طوری که وقتی موس روی یه div میره juery یه div رو که مخفی بوده رو slidedown میکنه ! با این کد ها :

Html :


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css" >
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
<!--------------------------------------------------------------------------------->
<script>
$(document).ready(function(){

  $(".mother").mouseenter(function(){
    $("#child").slideToggle("fast");
  });

  $(".mother").mouseleave(function(){

  $("#child").slideUp("fast");
  });

  $(".child").mouseleave(function(){
  $("#child").slideUp("fast");
  });


});
</script>
</head>
<body>

<div class="mother" id="mother">
<div   id="menuspace">slider </div>
<div  class="child" id="child">slider </div>
</div>
</body>
</html>

css:


#mother{


width:300px;
height:100px;
background-color:#F93;
border: 1px solid black;
margin-bottom:4px;
}
#child{


width:300px;
height:200px;
background-color:  #F3C;
border: 1px solid #6CF;
margin-bottom:4px;
display:none;
position:relative;

}
#menuspace
{
height:104px;}

الان من میخوام همین مبنای منو های خودم باشه ولی مشکلی که دارم اینه که من برای محتویات منو از کد :


<?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'nav', 'menu_class' =>'topnav' ) ); ?>

استفاده میکنم و یه خروجی میده با یه سری nav و ul و li که میشه بهشون استایل داد ولی فقط با آدرس دادن نسبی مثلا اینجوری :


nav > ul > li > a {
font-family:BYekan, Tahoma, Geneva, sans-serif;
    padding: 10px 20px;
}

منظورم اینه که مثلا برای یه دونه از دسته های خاص نمیشه کلاس یا آدی متمایز اختصاص داد !

اگه بتونم اینکار رو بکنم متونم دونه دونه از قسمت های خروجی رو با کلاس های متمایز جدا کنم و اونوقت مشخص کنم که مثلا وقتی موس رو div با Id="mother" رفت div با id="child" رو slidedown کنه !

**Parsa** · بهمن 92

بررسی کنید

http://forum.wp-pars...enu#entry127629

http://forum.wp-pars...enu#entry128277

ورود

تفکیک کردن خروجی wp_nav_menu و اختصاص class و id به قسمت های مختلف برای ساخت منوی آبشاری

پست های پیشنهاد شده

soheilyou 3

لینک به ارسال

Parsa 23463

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها