課題ですよ2

by goropoo

HTML

<p id="ho"><a href="javascript:void(0);">push</a></p>
<ul>
<li><a href="http://www.yahoo.co.jp/">1111</a></li>
<li>2222</li>
<li>3333</li>
<li>4444</li>     
</ul>

CSS

p{margin-bottom:50px;}
ul{border:solid 1px #333333; width:200px;}
ul li{background-color:#FF3333;}

JavaScript

$('ul').hide();
$('#ho').bind('click',function(){    
    if($('ul').css('display')!=='none'){
       $('ul').slideUp();
    }else if($('ul').css('display')==='none'){
     $('ul').slideDown();
    }  
});