How to show / hide CKEditor using JQuery? #CKEditor_tip

CKEditor will not be editable after you hide an element, even the parent div. To go around this, you need to destroy the CKEditor instance first then define it again.

For example:

//first check if textarea element already a CKEditor, then destroy it
if(typeof CKEDITOR.instances['element_name'] != 'undefined') {
    CKEDITOR.instances['element_name'].updateElement();
    CKEDITOR.instances['element_name'].destroy();
}

//make the textarea element a CKEditor
CKEDITOR.replace( 'element_name' );

//show hidden element, in this case a div element was hidden
$('#MyForm').show();