YUI3 Slider

An example showing how to do the equivelent of jQuery's slideUp & slideDown in YUI3.

HTML

<script src="C:\sites\Dev.Wynyard.Investigator\Content\build\ckeditor\ckeditor.js"></script>
<textarea id="notesArea"  class="notes-area" >
    
</textarea>
<button onClick="setOn();">Select</button>

CSS

#slider {
    height:200px;
    background-color:blue;
    overflow:hidden;
}

JavaScript

function void setOn()
{
    alert("Called");
}



window.CKEDITOR.replace('notesArea', {
                on: {'key': ckeditorKeyPress},
                extraPlugins: 'autogrow',
                autoGrow_maxHeight: maxgrowHeight,
                removePlugins: 'resize,elementspath',
                autoGrow_minHeight: maxgrowHeight,
                autoGrow_onStartup: true,
                enterMode: window.CKEDITOR.ENTER_BR,
                fullPage: true,
                toolbar:
                [
                    { name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
                    { name: 'tools', items: ['Maximize'] },
                    { name: 'basicstyles', items: ['Bold', 'Italic','Underline','Strike', '-', 'RemoveFormat'] },
                    { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent'] }
                ]
            });
window.CKEDITOR.config.height = '100%';
            window.CKEDITOR.config.resize_enabled = false;
            window.CKEDITOR.config.startupShowBorders = false;
            window.CKEDITOR.config.disableObjectResizing = true;