Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

64 lines (54 sloc) 1.029 kb
<style>
#sliderExampleWrapper {
width: 300px;
height: 200px;
border: 1px solid #000;
margin-left: 10px;
}
#sliderButton {
width: 100px;
margin: 30px;
}
#inner-box2{
background: #baeeb5;
height: 100px;
border: 1px solid #333;
}
#inner-box {
margin-top: 20px;
height: 10px;
background: red;
border: 1px solid #000;
}
</style>
<p>In toggling, it should return the elements to the correct height.</p>
<div id="sliderExampleWrapper">
<div id="sliderButton">
<div>
<div id="inner-box"></div>
<div id="inner-box2"></div>
</div>
</div>
</div>
<script src="/depender/build?require=More/Fx.Slide,Core/Element.Event"></script>
<script>
var fx = new Fx.Slide('sliderButton', {duration: 500});
makeActions([
{
title: 'Show the element and slide out.',
fn: function(){
fx.show().slideOut();
}
}, {
title: 'Hide the element and slide in.',
fn: function(){
fx.hide().slideIn();
}
}, {
title: 'Toggle the state - sliding in or out.',
fn: function(){
fx.toggle();
}
}
]);
</script>
Jump to Line
Something went wrong with that request. Please try again.