Jquery

Octavio Luzio · Agosto 13, 2012

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");

  });
});

Octavio Luzio · Agosto 14, 2012

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">
&lt;script src="jquery.js"></script>
<title>Blue Orange</title>

&lt;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

Editado Agosto 14, 2012 por Octavio Luzio

Arash · Agosto 15, 2012

<script>
$(document).ready(function(){
    $("a").click(function(){
        var paginas= $(this).attr("title");
        $("[title="+paginas+"]").show("slow").hide("slow");
    });
});
 </script>

Entrar

Jquery

Pergunta

Octavio Luzio

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Octavio Luzio

Link para o comentário

Compartilhar em outros sites

Arash

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades