Tenho várias página que são carregadas dentro de uma div.....uso ajax para isso.....até ai td bem....isso esta fazendo de maneira correta....porém tenho uma página cujo conteudo é um menu accordion.....e preciso carregar essa página dentro dessa div.....consigo carregar...só q quando carrego ela dentro da div o menu para de funcionar....se carrego fora da div ele funciona......alguém pode me ajudar com isso......oq estou fazendo de errado.....
no index.php eu passo os .js e no home.php tb passo .js......vejam o meu código.....
home.php
<script type="text/javascript" language="javascript" src="js/jquery.js"></script> <script type="text/javascript" language="javascript" src="menu.js"></script> <style type="text/css"> body { margin: 10px auto; font: 75%/120% Verdana,Arial, Helvetica, sans-serif; } .menu_list { width: 150px; } .menu_head { padding: 5px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background: #eef4d3 url(plus.png) center right no-repeat; } .menu_body { display:none; } .menu_body a{ display:block; color:#006699; background-color:#EFEFEF; padding-left:10px; font-weight:bold; text-decoration:none; } .menu_body a:hover{ color: #000000; text-decoration:underline; } </style> <div style="float:left" > <!--This is the first division of left--> <p><strong>MENU</strong></p> <div id="firstpane" class="menu_list"> <!--Code for menu starts here--> <p class="menu_head">Menu-1</p> <div class="menu_body"> <a href="#">Link-1</a> <a href="#">Link-2</a> <a href="#">Link-3</a> </div> <p class="menu_head">Menu-2</p> <div class="menu_body"> <a href="#">Link-1</a> <a href="#">Link-2</a> <a href="#">Link-3</a> </div> <p class="menu_head">Menu-3</p> <div class="menu_body"> <a href="#">Link-1</a> <a href="#">Link-2</a> <a href="#">Link-3</a> </div> </div> <!--Code for menu ends here--> </div>
Alguém pode me ajudar....por favor.....