Showing and hiding the RadEditor control dynamically

[RJ]

Hi All,

I've implemented this code from Docs and Api reference but the toolbar is no longer showing when I change the position of div when shown.

Any Help?

Thanks in advance!

<div id="wrapper" style="display:none;">
    <telerik:RadEditor ID="RadEditor1" runat="server">
    </telerik:RadEditor>
</div>

<telerik:RadButton runat="server" ID="RadButton1" Text="Toggle Visibility"
    OnClientClicked="OnClientClicked" AutoPostBack="false">
</telerik:RadButton>

<script type="text/javascript">
    function OnClientClicked(sender, args) {
        var editor = $find("<%= RadEditor1.ClientID %>");
        var wrapper = $get("wrapper");
        var isEditorVisible = editor.isVisible();

        if (isEditorVisible) {
            $telerik.$(wrapper).hide(); // jQuery approach
            //wrapper.style.display = "none"; // JS approach
        } else {
           $(wrapper).attr("style", "LEFT: 300px; WIDTH: 400px; HEIGHT: 500px;  POSITION: absolute; TOP: 62px; z-index: 210");
            //Code added to set position when shown
            $telerik.$(wrapper).show(); // jQuery approach
            //wrapper.style.display = ""; // JS approach

            editor.repaint();
        }
    }
</script>

[RJ]

Nevermind guys