Hide Inner Div Using jQuery

Question

    <a href="#"> Link1  </a>  
    <div id="parent">
         <div id="child1">
                    Here is the Child One
         </div>
         <div id="child2">
                    Here is the Child Two
         </div>
    </div>

How can i hide child1 div using jquery ?

UPDATE

I want to hide child1 on click of Link1

Answer 1

$('div#parent > div#child1').hide(); 

Above for hiding direct child of #parent.

For Click

$('YOURLINK').on('click',function()
{
    $('div#parent > div#child1').hide();
});