Hide introduction

This commit is contained in:
Bertrand 2012-06-17 01:07:35 +02:00
parent 9034baa2b3
commit 7676afca45
2 changed files with 31 additions and 1 deletions

View File

@ -4,6 +4,7 @@
<head> <head>
<meta charset="utf8" /> <meta charset="utf8" />
<link rel="Stylesheet" href="style.css" /> <link rel="Stylesheet" href="style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<title>AskWeb (BETA)</title> <title>AskWeb (BETA)</title>
<script language="javascript"> <script language="javascript">
@ -21,6 +22,17 @@
var foo = document.getElementById("answerList"); var foo = document.getElementById("answerList");
foo.appendChild(element); foo.appendChild(element);
} }
function hideShow(which)
{
if (!document.getElementById)
return
if (which.style.display == "block")
which.style.display = "none"
else
which.style.display = "block"
}
</script> </script>
</head> </head>
@ -36,12 +48,24 @@
</header> </header>
<section id="introduction"> <section id="introduction">
<a id="hideShow" href="#"><img id="arrowHide"
src="topArrow.png" alt="icon"/></a>
<script type="text/javascript">
$('#hideShow').click(function (event) {
event.preventDefault();
$('#para').slideToggle("slow");
});
</script>
<article id="bonjour"> <article id="bonjour">
<h2>Bonjour</h2> <h2>Bonjour</h2>
<p id="para">
Bienvenue sur le site de questions de Nemubot. Vous pouvez ici Bienvenue sur le site de questions de Nemubot. Vous pouvez ici
ajouter de nouvelles questions à Nemubot. Ces questions seront ajouter de nouvelles questions à Nemubot. Ces questions seront
posées sur le chan irc. posées sur le chan irc.
</p>
</article> </article>
<article id="explications"> <article id="explications">

View File

@ -117,3 +117,9 @@ footer a
border-top: 1px solid black; border-top: 1px solid black;
padding-top: 10px; padding-top: 10px;
} }
#hideShow
{
float: right;
margin-right: 30px;
}