click instead of hover

click instead of hover

hallo, i have a hover function that works and i want to change it with a click function...it does not work with mouseou, why?
  1. <script type="text/javascript">
    $(document).ready(function(){
        $('#div').hover(function(){
            $('#div2').fadeIn(1000);
            $('#div1').fadeOut(1000);
        },function(){
            $('#div2').fadeOut(1000);
            $('#div1').fadeIn(1000);
        })
    });
    </script>

changed like this:

  1. <script type="text/javascript">
    $(document).mousedown(function(){
        $('#div').hover(function(){
            $('#div2').fadeIn(1000);
            $('#div1').fadeOut(1000);
        },function(){
            $('#div2').fadeOut(1000);
            $('#div1').fadeIn(1000);
        })
    });
    </script>

but it does not work, why?


thanks