afficher/masquer la fonction javascript

Question

La fonction javascriot suivante affiche/masque un formulaire de contact. Lorsque vous utilisez la fonction dans une page html autonome, le formulaire est masqué par défaut. Lorsque j'implémente la fonction dans mon site Web, le comportement de la fonction est inversé et le formulaire n'est pas masqué par défaut. Est-ce que quelqu'un avec l'expérience de javascript peut conseiller comment renverser le show/hide bevavior de la fonction ci-dessous.

Merci d'avance.

</script> 

<!-- Show/Hide Contact Form --> 
<script type="text/javascript"> 
    //showHide function 
    $(document).ready(function() { 
     $('.nav-toggle').click(function() { 

      //get collapse content selector 
      var collapse_content_selector = $(this).attr('href'); 

      //make the collapse content to be shown or hide 
      var toggle_switch = $(this); 
      $(collapse_content_selector).toggle(function() { 

       if ($(this).css('display') == 'none') { 
        toggle_switch.html('Show Form'); 
       } else { 
        toggle_switch.html('Hide Form'); 
       } 

      }); 

     }); 

    }); 
</script> 

Answer 1

Il serait beaucoup plus facile de répondre si vous aviez fourni HTML de votre formulaire ... Ok, je l'espère vous trouver la solution:

Regardez la valeur de l'attribut href si la bascule lien, il devrait ressembler à « #something », puis il suffit d'éditer le fichier css et ajoutez la ligne suivante au bas:

#something { display: none } 

donc, assurez-vous de remplacer something avec la valeur réelle du lien bascule.