Comment montrer la division cachée en utilisant url

Je fais une petite page qui comporte 3 sections. Alors que 1 section montre que les autres sont cachés. Lorsque la page charge la section de bienvenue s'affiche, tandis que les autres sections sont configurées pour être affichées: aucune. En cliquant sur le bouton de menu pour les autres pages, vous trouverez la section désirée et masquez toutes les autres; J'utilise jQuery pour faire ça. Malheureusement, je rencontre le problème que je ne peux pas faire une url pour accéder à la section spécifique. Habituellement, pour aller à une section d'une page qui n'est pas cachée, je voudrais simplement créer une ancre et le nom est XXX, puis ajouter #XXX à la fin de l'URL de cette page, mais faire cela sur une division cachée ne fait pas Le spec div.

Aucune suggestion?

Html:

<div id="menu"> <p><a href="#" id="menu-home">Home</a></p> <p><a href="#" id="menu-page1">Page 1</a></p> <p><a href="#" id="menu-page2">Page 2</a></p> </div> <div id="home"> <h1>Welcome!</h1> <p>This is where all the home page stuff will go</p> </div> <div id="page1"> <h1>Page 1</h1> <p>Page 1 content here</p> </div> <div id="page2"> <h1>Page 2</h1> <p>Page 2 content here</p> </div> 

Css:

• Comment vérifier si le contenu de l'élément est vide et si tel est le cas, supprimez cet élément dans jquery
• Pourquoi ma page ne se charge-t-elle pas sur Github?
• En div contentative, linebreak est ignoré lorsque la touche enter est enfoncée
• Lettre des ombres à partir de l'entrée de l'utilisateur
• Afficher la partie de l'image mise à l'échelle en div

 #page1 { display:none; } #page2 { display:none; } 

Js:

 $(document).ready(function(){ $('#menu-home).click(function(){ $('#home').show('fast'); $('#page1').hide('fast'); $('#page2').hide('fast'); }); $('#menu-page1).click(function(){ $('#page1').show('fast'); $('#home').hide('fast'); $('#page2').hide('fast'); }); $('#menu-page2).click(function(){ $('#page2').show('fast'); $('#home').hide('fast'); $('#page1').hide('fast'); }); }); 

• Laisser tomber un élément uniquement dans la drogue qui se trouve en face
• JQuery travaille dans JSFiddle mais pas dans l'environnement RoR local?
• Comment faire pivoter le bouton actif ne pas utiliser l'effet de survol?
• La sélection d'une option à partir d'une liste déroulante génère d'autres champs de saisie
• L'image de toile HTML5 n'est pas visible en chrome

 <p><a href="#page1" id="menu-page1">Page 1</a></p> <p><a href="#page2" id="menu-page2">Page 2</a></p> 

 $(document).ready(function(){ //binding click events to elements var locationHash = window.location.hash.substring(1); if(locationHash == 'page1'){ $('#menu-page1').trigger('click'); }else if(locationHash == 'page2'){ $('#menu-page2').trigger('click'); } });