title: Show Hide div & close with fadein fadeout on focus input
body: <p>Hi i am using this code to show hide div on input focus  </p>
  
  <p>here is html please have a look @<a href="http://jsfiddle.net/RU4kC/" rel="nofollow">jsfiddle</a> also </p>
  
  <pre><code>&lt;div id="divone"&gt;
      &lt;input class="url_field" /&gt;
  &lt;/div&gt;
  &lt;div id="first" class="content"&gt;
      First
      &lt;input class="close" type="button" value="X"/&gt;
  &lt;/div&gt;
  &lt;div id="last" class="content"&gt;
      Last
      &lt;input class="close" type="button" value="X"/&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>Javascript snippet:</p>
  
  <pre><code>$(document).ready(function() {
      $(".url_field").focus(function() {
          $(this).next(".content").fadeout('slow').css('display', 'inline');
      });
  
      $('.url_field').focus(function() {
          $('.content').hide();
          $('#' + this.rel + '').show();
          return false;
      });
      $('.content input.close').click(function() {
          $(this).parent().hide();
      });
  });
  </code></pre>
  
  <p>please help me, its not working</p>