jQuery 1.7.1
I have something like,
var toggleEditor;
$('.viewer').on('click', '.edit, .cancel', function(event) {
toggleEditor($(this).closest('.script-container'));
});
toggleEditor = function($container) {
var $bodyField;
$container.find('.view_script, .editor_script').toggle();
$bodyField = $container.find('.editor_script .text_list');
if ($bodyField.is(':visible')) {
$bodyField.val($container.find('.view_script .text_list').text()).select();
}
};
It shows and hides an editor like you can imagine. It works perfectly so far.
My question is
Is there anyway to add 'easing effect' to this particular component?
More specifically, I want it to show and hide 'slowly'.
Thanks in advance.
soujiro0725