using the click event to fade in and fade out hidden divs
<p>I am currently trying to learn the fundamentals of jquery and would love some advice on how to achieve the following.</p>

<p>When I click on the 'Drop down' link a hidden list of links is faded in, when I click on any part of the page except the #innerList tag then the hidden list fades out or if I click on one of the hidden links then the list fades out also.</p>

<p>My current effort is here <a href="http://jsfiddle.net/kyllle/b6XC4/" rel="nofollow">http://jsfiddle.net/kyllle/b6XC4/</a> </p>

<p>It would be great to get some advice on how I can achieve this result.</p>
