Jump to content


Photo

Menu Accordion


  • Faça o login para participar
Nenhuma resposta neste tópico

#1 Eu_Nana

Eu_Nana

    12 Horas

  • Usuários
  • 291 posts
  • Sexo:Feminino
  • Localidade:SP

Posted 09/03/2010, 09:39

Olá pessoal,




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.....






0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq