Jump to content
Fórum Script Brasil
  • 0

Jquery


Octavio Luzio
 Share

Question

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 to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 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

Edited by Octavio Luzio
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.2k
    • Total Posts
      647.5k
×
×
  • Create New...