```
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<div id="slidewidth" class="slide" style="background:green;height:80px">
<div class="inner">
滑动隐藏效果
</div>
</div><input type="button" value="左右滑动隐藏" id="but1"/>
<input type="button" value="上下滑动隐藏" id="but2"/>
<script type="text/javascript">
$("#but1").click(function(){
$("#slidewidth").animate({width: 'toggle'});
});
$("#but2").click(function(){
$("#slidewidth").slideToggle();
});
</script>
</body>
</html>
```