http://jsfiddle.net/GwBuj/1061/
我不知道为什么这不起作用。我一直在这个问题上停留了一段时间。
HTML:
<div class="step" id="firststep">
<div class="stepgraphic2">fadjkfjka</div>
</div>
jQuery:
$('#firststep').click(function() {
alert('fjad');
$('.stepgraphic2').hide("slide", { direction: "down" }, 1000);
});
CSS:</p>
.step{
float: left;
height: 230px;
width: 230px;
background-color: #025588;
margin-top: 115px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.stepgraphic2{
background-color:#FFF;
height: 170px;
width: 157px;
}