title: How to fadeIn and fadeOut any element on clicking document's body and a specified element both?
body: <h2>Hello Guys!</h2>
  
  <p>I have been trying to create a fadeIn and fadeOut menu, but it does not seem to be working at all! See the problem is when I click on the my trigger element (<code>div</code>) which classed <code>example</code>
  it should be fading in the element (<code>div</code>) classed <code>element_obj</code> but if the user's click on the body element when the <code>element_obj</code> (<code>div</code>) is faded in. But when I click on my trigger element for an instance my <code>element_obj</code> (<code>div</code>) fades in and in another moment it is fade out! I know that this is the problem because I have put my body element also as a fading out trigger! But if I don't do that my whole effect is <strong>dead</strong>! Here is the jQuery code that I created ~~~~~~~~~</p>
  
  <pre><code>$(document).ready(function () {
    $('div#example').click(function () {
  
        if($('div#example_obj').is(':visible')){
              $('div#example_obj').fadeOut();
        }else{
              $('div#example_obj').fadeIn();
        }
  
    });
      $(document).click(function () {
  
        if($('div#example_obj').is(':visible')){
              $('div#example_obj').fadeOut();
        }
  
      });
  });
  </code></pre>
  
  <p>Can anyone help me out with this.</p>
  
  <p><strong><a href="http://jsfiddle.net/divinemamgai/UkLBh/" rel="nofollow">PROBLEM DEMO</a></strong></p>
  
  <h2>Thanks in Advance!</h2>
  
  <hr>
  
  <p>As you can see in this demo my above problem is solved but a new problem have arise! Now I want the drop-down menu to be appear on click on it. I mean if the user clicks on the drop-down menu it does not fades out as it is now. Please see the below demo to see this new problem~~~~~~~~~~~</p>
  
  <p><strong><a href="http://jsfiddle.net/divinemamgai/UxQNV/" rel="nofollow">PROBLEM 2 DEMO</a></strong></p>
  
  <p>Hope you guys can help me out with this one too.</p>
  
  <h2>Thanks in Advance!</h2>
  
  <hr>