Динамически переключать панель инструментов с флажком для нескольких идентификаторов?

У меня есть несколько текстовых полей в форме, которые открываются с помощью загруженной в них панели инструментов tinymce. Вот некоторые из текстовых областей,

<p id="rsvpInfo" style="display:none;"><label class="leftLabel">RSVP Info</label><textarea name="rsvp_info" rows="10" cols="50" class="contact mceNoEditor mceBasicEditor"></textarea></p>



<p id="abstract" style="display:none;"><label class="leftLabel">Abstract</label><textarea name="abstract" rows="10" cols="50" class="contact mceNoEditor mceBasicEditor"></textarea></p>

Я пытаюсь установить флажок вне формы, которая изначально проверена. Как только я сниму его, все панели инструментов tinmcy исчезнут, и отобразится только текстовая область и наоборот.

Я решил использовать следующий код (вне формы) для реализации моей идеи, но кажется, что я делаю что-то неправильно, потому что ничего не происходит при проверке/снятии флажка.

<script>
    var id = 'speakerInfo';
    var id1= 'rsvpInfo';
    var id2= 'abstract';
    var id3= 'speakerBios';

    if($("#mceCheck".is(':checked'))
    {
        tinymce.execCommand('mceAddControl',false, id);
        tinymce.execCommand('mceAddControl',false, id1);
        tinymce.execCommand('mceAddControl',false, id2);
        tinymce.execCommand('mceAddControl',false, id3);
    }
    else
    {
        tinymce.execCommand('mceRemoveControl',false, id);
        tinymce.execCommand('mceRemoveControl',false, id1);
        tinymce.execCommand('mceRemoveControl',false, id2);
        tinymce.execCommand('mceRemoveControl',false, id3);
    }
</script>

Вот код для флажка:

 <form>
        <input type="checkbox" name="mce" value="1" id="mceCheck" checked> tinyMCE toolbar toggle checkbox
    </form>

Может ли кто-нибудь помочь мне с jquery для динамического изменения видимости панели инструментов tinyMCE с помощью флажка?