PHP - 如何使我的JQuery菜单适应我的PHP菜单

时间:2014-03-31 13:29:31

标签: php

我想调整我的Jquery菜单代码到我的php菜单,它从数据库中重现值。

我想创建一个带子菜单的菜单。当观看网站的人点击分隔符时,它会显示数据库中的所有子菜单

JQuery菜单

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<ul id="menu"> 
<li id="Item1">

<a href="#" onclick="show()">Separador 1</a>
<ul id="submenu">
<a href="#"> Submenu 1 </a>
<br>
<a href="#"> Submenu 2 </a>
<br>
<a href="#"> Submenu 3 </a>
 </ul>
</li>

<li id="Item2" >Separador 2</li>

<li id="Item3">Separador 3</li>
</ul>

<style>
#menu{

}

li{
float:left;
display:inline;
margin-left: 10px;
}

ul #submenu{
display:none;
margin-left: -40px;
}
</style>

<script>
function show() {
    $('#submenu').toggle();

  }

</script>

菜单PHP

<?php
    function menu($url,$name){
        echo "<br><br><li><a href='$url'>$name</a></li> ";
    }
?>
<?php
    function submenu($suburl,$subname){
        echo "<ul><li><a href='$suburl'>$subname</a></li></ul>";
    }
?>

0 个答案:

没有答案