title: Div show on image click jquery
body: <p>I'm a newbie to jquery code and I need a little help...So, what I want to do is that the div #searchActive to be initially hidden, and when I click on image with id "press", I want div #searchActive to appear, and again when I press that image, the div will be hidden.
  I know that this thing has been explained before, but I just can't make it work...</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="bar"&gt;
                  &lt;ul id="nav_top"&gt;
                      &lt;li class="selected"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Producten&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Nieuws&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Events&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Partners&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Gallerij&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Over&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;img id="press" src="images/search.png" /&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;div id="searchActive"&gt;
                  &lt;form&gt;
                      &lt;input type="text" name="search" placeholder="" /&gt;
                      &lt;img src="images/search.png" /&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>CSS :</p>
  
  <pre><code>#searchActive {
      width: 300px;
      height: 60px;
      background: url('images/searchBackground.jpg');
      position: absoute;
      float: right;
      margin-right: 234px;
  }
  #searchActive form {
      overflow: hidden;
      float: left;
      margin: 12px 0 0 12px;
      border: none;
  }
  #searchActive input[type=text]{
  
      width: 249px;
      height: 35px;
      font-size: 16px;
      border: none;
  } 
  #searchActive img {
      margin-left:5px;
  }
  </code></pre>