mouseover drop down does not work

mouseover drop down does not work

http://www.countyfairgrounds.net/testwebsitedesign/testsix.php

I am using 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="/js/bootstrap-modal.js"></script>

I am "trying" to do a mouseover with a drop down and up jquery feature in the center of the page above the brow welcome box on the left column 
I am new at this. 
What I am trying to do is this 

AND no it does not work and I cannot figure out why - I have this script in my body tag at the top of the page

<script> 
$(document).ready(function(){
  $("#first").mouseover(function(){
    $("#second").slideToggle("slow");
  });
});
</script>