Untitled

<!DOCTYPE html>
<html>

  <head lang="fr-FR">

    <meta charset="utf-8">
    <title>Custom Plunker</title>
      <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
 
  <style>
      #container {
          width: 220px;
          position: fixed;
          bottom: 0;
        right:0;
      	border:1px solid #AAA;
      }

      #header {
          padding: 10px;
      }

      #content {
          display: none;
          background-color: #6D6D6D;
          padding: 10px;
      }
     #button{
     float:right;
    } 
  </style>
  <script>
  $(function() {
   $("#button").click(function(e){
        $("#content").slideToggle("slow");
        e.preventDefault();
		return false;
    });
  });
  </script>
   </head>
  <body>
    <div id="container">
            <div id="header">
  		   <span>ici un titre<span>
			   <a href="#" id="button">bouton ou image</a>  
			</div>
            <div id="content">
                <p> 
				ici le texte <br/>
				ici le texte <br/>
				ici le texte <br/>
				ici le texte <br/>
				ici le texte <br/>
				ici le texte <br/>
				ici le texte <br/>
				</p>
            </div>
        </div>
    
    
  </body>
  
</html>