Sha256: af96ea022ee3b54c837e43e0042c4e1841dc7127c6be2c320cd6f0bf02115d8e
Contents?: true
Size: 1 KB
Versions: 7
Compression:
Stored size: 1 KB
Contents
<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>
Version data entries
7 entries across 7 versions & 1 rubygems