Silva Melo Postado Março 19, 2009 Denunciar Share Postado Março 19, 2009 Olá pessoal!Alguém sabe porque, quando tento criar mais de um "show/hide menu" no script abaixo, só funciona um? os outros travam...<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Show/Hide Menu</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- #setup { color:#000; background-color:#fff; } #info { padding:0; border:0; margin:0; } .hide { display:block; } .show { display:none; } --> </style> <script type="text/javascript"> <!-- var state; window.onload=function() { obj=document.getElementById('info'); state=(state==null)?'hide':state; obj.className=state; document.getElementById('setup').onclick=function() { obj.className=(obj.className=='show')?'hide':'show'; state=obj.className; setCookie(); return false; } } function setCookie() { exp=new Date(); plusMonth=exp.getTime()+(31*24*60*60*1000); exp.setTime(plusMonth); document.cookie='State='+state+';expires='+exp.toGMTString(); } function readCookie() { if(document.cookie) { state=document.cookie.split('State=')[1]; } } readCookie(); //--> </script> </head> <body> <div id="text1"> <a id="setup" href="#">Clique para visualizar 1</a> </div> <div id="text1"> <p id="info"> Clique novamente para ocultar 1 </p> </div> <div id="text2"> <a id="setup" href="#">Clique para visualizar 2</a> </div> <div id="text2"> <p id="info"> Clique novamente para ocultar 2 </p> </div> </body> </html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Março 19, 2009 Denunciar Share Postado Março 19, 2009 Você criou dois elementos HTML com o mesmo id (os elementos "text" estão duplicados)Um tópico foi criado aqui recentemente com uma função parecida (olhe isso aqui: http://scriptbrasil.com.br/forum/index.php...t&p=536895)Qualquer dúvida posta aí ! Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Silva Melo
Olá pessoal!
Alguém sabe porque, quando tento criar mais de um "show/hide menu" no script abaixo, só funciona um? os outros travam...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Show/Hide Menu</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- #setup { color:#000; background-color:#fff; } #info { padding:0; border:0; margin:0; } .hide { display:block; } .show { display:none; } --> </style> <script type="text/javascript"> <!-- var state; window.onload=function() { obj=document.getElementById('info'); state=(state==null)?'hide':state; obj.className=state; document.getElementById('setup').onclick=function() { obj.className=(obj.className=='show')?'hide':'show'; state=obj.className; setCookie(); return false; } } function setCookie() { exp=new Date(); plusMonth=exp.getTime()+(31*24*60*60*1000); exp.setTime(plusMonth); document.cookie='State='+state+';expires='+exp.toGMTString(); } function readCookie() { if(document.cookie) { state=document.cookie.split('State=')[1]; } } readCookie(); //--> </script> </head> <body> <div id="text1"> <a id="setup" href="#">Clique para visualizar 1</a> </div> <div id="text1"> <p id="info"> Clique novamente para ocultar 1 </p> </div> <div id="text2"> <a id="setup" href="#">Clique para visualizar 2</a> </div> <div id="text2"> <p id="info"> Clique novamente para ocultar 2 </p> </div> </body> </html>Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.