index.htm

<!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>
</head>

<body>

<div class="menu">
    <div class="menuheader">Books</div>
    <ul class="submenu">
    <li><a href="#">Audiobooks</a></li>
    <li><a href="#">Textbooks</a></li>
    <li><a href="#">Magazines</a></li>
    </ul>
    <div class="menuheader">Electronics</div>
    <ul class="submenu">
    <li><a href="#">TV</a></li>
    <li><a href="#">Video</a></li>
    <li><a href="#">Computer</a></li>
    <li><a href="#">GPS</a></li>
    <li><a href="#">Camera</a></li>
    <li><a href="#">Handphone</a></li>
    </ul>
    <div class="menuheader">Sport</div>
    <ul class="submenu">
    <li><a href="#">Fitness</a></li>
    <li><a href="#">Athletic</a></li>
    <li><a href="#">Bike</a></li>
    <li><a href="#">Golf</a></li>
    </ul>
    <div class="menuheader">Automotive</div>
    <ul class="submenu">
    <li><a href="#">Parts</a></li>
    <li><a href="#">Tools</a></li>
    <li><a href="#">Wheels</a></li>
    <li><a href="#">Motorcycle</a></li>
    </ul>
    <div class="menuheader"><a goto='#1'>Pets</a></div>
    <div class="menuheader">Kids dan Baby</div>
</div>

<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>
<!-- memakai goto untuk target kemana dia pergi -->
</body>
</html>