JQuery Roll Down/Up Menu For Web Dev's and Designers!!

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle(2000);
});
$("#panel").stop();
});
</script>

<style>
#panel, #flip {
padding: 0px;
font-size: 22px;
text-align: center;
background-color: #F05000;
color: white;
border: solid 1px #000000;
border-radius: 300px;
}
#panel {
padding: 85px;
display: none;
}
</style>
</head>
<body>
<p>
<div id="flip">
Compulsive Coding JQuery Menu SRC
</div>
<div id="panel">CompulsiveCoding.com<p>Coded By BrU<p> &copy 2016</div>
</body>
</html>