Объясните пожалуйста почему не работает этот код?
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<style>
.arrow_down{
width:50px;
height:50px;
background:#000;
cursor:pointer;
}
</style>
<div id="countries_down" class="arrow_down"></div>
</body>
</html>
<script>
$(document).ready(function(){
alert()
window.button = 0;
$('#countries_down').click(function(){
toggle_i(window.button);
function toggle_i(button)
{
switch(button)
{
case 1:
window.button = 0;
alert(button) ;
break;
case 0:
window.button = 1;
alert(button) ;
break;
}
}
});
})
</script>