Hide staps

index.php

@@ -54,25 +54,37 @@ function hideShow(which)
   <script type="text/javascript">
   $('#hideShow').click(function (event) {
       event.preventDefault();
-      $('#para').slideToggle("slow");
+      $('#intro_para').slideToggle("slow");
     });
-
   </script>
 
       <article id="bonjour">
         <h2>Bonjour</h2>
-  <p id="para">
+  <p id="intro_para">
         Bienvenue sur le site de questions de Nemubot. Vous pouvez ici
         ajouter de nouvelles questions à Nemubot. Ces questions seront
         posées sur le chan irc.
   </p>
       </article>
 
-      <article id="explications">
-        <h2>Nemubot AskWeb en 3 étapes</h2>
 
-        <p>
+  <a id="hideShowExp" href=""><img id="arrowHide"
+  src="topArrow.png" alt="icon"/></a>
+
+  <script type="text/javascript">
+  $('#hideShowExp').click(function (event) {
+      event.preventDefault();
+      $('#exp_para').slideToggle("slow");
+    });
+  </script>
+
+
+      <article id="explications">
+
+        <h2>Nemubot AskWeb en 3 étapes</h2>
+       <div id="exp_para">
           <h3>Nouvelle question</h3>
+        <p>
           Commencez par entrer votre question ainsi que la ou les réponses
           associées. À noter que :
           <ul>
@@ -84,20 +96,20 @@ function hideShow(which)
           </ul>
         </p>
 
-        <p>
           <h3>Confirmer votre question</h3>
+        <p>
           Une fois la question ajoutée, un email vous a été envoyé pour que
           vous confirmiez qu'il s'agit bien de vous. Cliquez sur le lien
           pour confirmer.
         </p>
 
-        <p>
           <h3>Validation</h3>
+        <p>
           Une fois confirmée, un email est envoyé à un autre membre du groupe
           pour qu'il valide la question. S'il juge votre question fausse
           ou éronée elle n'apparaitra jamais dans les qcm sur le chan.
         </p>
-
+       </div>
       </article>
     </section>
 

style.css

@@ -118,7 +118,7 @@ footer a
     padding-top: 10px;
 }
 
-#hideShow
+#hideShow, #hideShowExp
 {
     float: right;
     margin-right: 30px;