From 11bc83484846260846bed4590577d21c3fee9dfe Mon Sep 17 00:00:00 2001
From: Bertrand <bertrand.cournaud@epita.fr>
Date: Sun, 17 Jun 2012 01:20:03 +0200
Subject: [PATCH] Hide staps

---
 index.php                              |  30 +++++++++++++++++--------
 style.css                              |   2 +-
 double-arrow-right.png => topArrow.png | Bin
 3 files changed, 22 insertions(+), 10 deletions(-)
 rename double-arrow-right.png => topArrow.png (100%)

diff --git a/index.php b/index.php
index b49b686..cd5b59a 100644
--- a/index.php
+++ b/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>
 
diff --git a/style.css b/style.css
index 76a6279..9e2b2af 100644
--- a/style.css
+++ b/style.css
@@ -118,7 +118,7 @@ footer a
     padding-top: 10px;
 }
 
-#hideShow
+#hideShow, #hideShowExp
 {
     float: right;
     margin-right: 30px;
diff --git a/double-arrow-right.png b/topArrow.png
similarity index 100%
rename from double-arrow-right.png
rename to topArrow.png