Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- mysql_connect("localhost","root","root");
- mysql_select_db("menu");
- ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link rel="stylesheet" href="style.css" />
- <title>Menu Accordion</title>
- <style>
- a{
- text-decoration:none;
- color:white;
- }
- </style>
- </head>
- <body>
- <?php
- echo"
- <div class='menu'>";
- $ddk=mysql_query("SELECT * FROM menu");
- while($dok= mysql_fetch_array($ddk)){
- echo "\n<div class ='menuheader' class='ui-state-disabled'> $dok[namaMenu] </div>
- <ul class='submenu'>";
- $du=mysql_query("SELECT * FROM subMenu WHERE perent=$dok[idMenu]");
- while($do=mysql_fetch_array($du))
- {
- echo"\n<li><a href='#'> $do[namaSubMenu]</a></li>";
- }
- echo"</ul>";
- $a=mysql_query("SELECT * FROM subMenu WHERE perent<>$dok[idMenu]");
- while($b=mysql_fetch_array($a))
- {
- echo"\n<div class ='menuheader' class='ui-state-disabled'><a
- href='index.html'>$b[namaSubMenu] </a>
- </div>";
- echo '<ul class="submenu"></ul>';
- }
- }
- echo"</div>";
- ?>
- </body>
- </html>
- <script type="text/javascript" src="js/wahyu.js"></script>
- <script type="text/javascript" src="js/ddaccordion.js"></script>
- <script type="text/javascript">
- ddaccordion.init({
- headerclass: "menuheader",
- contentclass: "submenu",
- revealtype: "click",
- mouseoverdelay: 500,
- collapseprev: true,
- defaultexpanded: [0],
- onemustopen: false,
- animatedefault: false,
- persiststate: true,
- toggleclass: ["", "openmenu"],
- togglehtml: ["prefix", "", ""],
- animatespeed: "fast",
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement