When I came over with the mouse div, div show hidden for jquery

 if ($(".example").mouseover) {

            $(".test").show(1500);

        }

.example{

    width:350px;
    height:350px;
    background-color:black;


}
.test{

    width:350px;
    height:350px;
    background-color:black;


}

<script src="http://ift.tt/1cIWwVt"></script>

<div hidden="hidden" class="test">

        


    </div>

When I click on a link , hidden div to give..I will use the Menu for the construction, to remove the sub- menu.Please help me