API tools faq
paste
Guest User

website

a guest
May 9th, 2013
214
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.47 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <script>
  5.     $(document).ready(function() {
  6.    
  7.     var hash = window.location.hash.substring(1);
  8.    
  9.     $("a").click(function(){
  10.     var hash = window.location.hash.substring(1);
  11.     if(hash == "1"){
  12.     $("#main").hide();
  13.         $(".1").show();
  14.         $(".2").hide();
  15.         $(".3").hide();
  16.         $(".4").hide();
  17.     }else if(hash == "2"){
  18.     $("#main").hide();
  19.         $(".1").hide();
  20.         $(".2").show();
  21.         $(".3").hide();
  22.         $(".4").hide();
  23.     }else if(hash == "3"){
  24.     $("#main").hide();
  25.         $(".1").hide();
  26.         $(".2").hide();
  27.         $(".3").show();
  28.         $(".4").hide();
  29.     }else if(hash == "4"){
  30.     $("#main").hide();
  31.         $(".1").hide();
  32.         $(".2").hide();
  33.         $(".3").hide();
  34.         $(".4").show();
  35.     }else{
  36.         $(".start").hide();
  37.         $("#main").show();
  38.     }
  39.    
  40.     });    
  41.    });
  42.    </script>
  43. <title>Os4Pontos</title>
  44. </head>
  45. <body>
  46. <div id="start">
  47.     <div class="container main text-center">
  48.     <ul>
  49.         <li><a href="#1">1</a></li>
  50.         <li><a href="#2">2</a></li>
  51.         <li><a href="#3">3</a></li>
  52.         <li><a href="#4">4</a></li>
  53.     </ul>
  54.     </div>
  55. </div>
  56.  
  57. <div id="navbar">
  58.     <div class="navbar-fixed-top" style="background: url('img/bg2.jpg')">
  59.     </div>
  60. </div>
  61. <div class="container">
  62. <section id="main">
  63.                     <article id="1">
  64.                        
  65.                     </article><article id="2">
  66.                        
  67.                     </article><article id="3">
  68.                        
  69.                     </article><article id="4">
  70.                        
  71.                     </article>             
  72.             </section>
  73. </div>
  74. </body>
  75. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!