Hi judebowman,
Please try this way.
Do not hide the "divToToggleVisiblity" by javascript, hide it in the style. Like below
<div id="divToToggleVisiblity" style="display:none">
<CE:Editor ID="editor1" runat="server" Height="200" AutoConfigure="Simple">
</CE:Editor>
<CE:Editor ID="editor2" runat="server" Height="200" AutoConfigure="Simple">
</CE:Editor>
</div>
Try the example below
- <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TestView.ascx.cs" Inherits="Jenzabar.LMS.Portlets.CourseworkPortlet.Views.TestView" %>
- <%@ Register Assembly="CuteEditor" Namespace="CuteEditor" TagPrefix="CE" %>
- <script type="text/javascript" language="javascript">
-
- function toggleInstructionsHeader() {
- if ($("#divToToggleVisiblity").css("display") == "none") {
- $("#divToToggleVisiblity").show("slow");
- }
- else {
- $("#divToToggleVisiblity").hide("slow");
- }
- }
- </script>
- <div id="divToDoTheToggling" onclick="toggleInstructionsHeader()">
- Toggle Below Div
- </div>
- <div id="divToToggleVisiblity" style="display:none">
- <CE:Editor ID="editor1" runat="server" Height="200" AutoConfigure="Simple">
- </CE:Editor>
- <CE:Editor ID="editor2" runat="server" Height="200" AutoConfigure="Simple">
- </CE:Editor>
- </div>
Regards,
ken