Octavio Luzio
-
Total de itens
2 -
Registro em
-
Última visita
Tudo que Octavio Luzio postou
-
pessoal preciso mesmo da vossa ajuda esta aqui o codico completo <!DOCTYPE html> <html lang="pt-pt"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <link href="style.css" rel="stylesheet" type="text/css" media="screen"> <link href="Inicio.css" rel="stylesheet" type="text/css" media="screen"> <script src="jquery.js"></script> <title>Blue Orange</title> <script type="text/javascript"> $(document).ready(function(){ $('a').click(function () { var paginas= this.title; $("#"+paginas).show("slow").siblings().hide("slow"); }); }); </script> </head> <body> <!-- Início Header --> <header class="sombra"> <nav class="sombra"> <ul> <li><a href="#" title="Inicio">Inicio</a></li> <li><a href="#" title="Portfolio">Porfólio</a></li> <li><a href="#" title="Blog">Blog</a></li> <li><a href="#" title="Contato">Contato</a></li> </ul> </nav> </header> <div id="paginas"> <!-- Pagina Início --> <div id="paginas"> <section id="Inicio"> <h1>Inicio</h1> <!-- Início Conteudo --> </section> </div> <!-- Pagina Portfolio --> <div id="paginas"> <section id="Portfolio"> <h1>Portfolio</h1> <!-- Início Conteudo --> </section> </div> <!-- Pagina Blog --> <div id="paginas"> <section id="Blog"> <h1>Blog</h1> <!-- Início Conteudo --> </section> </div> <!-- Pagina Contato --> <div id="paginas"> <section id="Contato"> <h1>Contato</h1> <!-- Início Conteudo --> </section> </div></div> <footer><p>Design by <a href="mailto:">Octavio Luzio</a> Copyright © 2012 - Todos os direitos reservados.</p></footer> </body> </html> abraço
-
Estou com um problema com o meu show hide div em jquery sou novato nesta linguagem e gostaria muito que me ajudem a ressolver este problema. Seguinte eu quero fazer que comece com id #Inicio quando entramos na pagina e que esconda os outros id ou seja que me mostre o conteudo do id #Inicio somente e que volte atraz. gostava que me ajudasem a completar este codico obrigado $(document).ready(function(){ $("a").click(function(){ var paginas= this.title; $('article').css('background','#000000'); $('h1').css('background','#E68614'); $("#"+paginas).show("slow").siblings().hide("slow"); }); });