Ir para conteúdo
Fórum Script Brasil
  • 0

Jquery


Octavio Luzio

Pergunta

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

  });
});

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

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 por Octavio Luzio
Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...