스마트에디터 여러개 사용하고싶습니다.

a란 게시판에 wr_content2~14까지 필드를 추가로 만들었습니다.

문제는 탭부분의 2번3번은 본문의 에디터가 출력이 안됩니다.

아무래도 display:none; 이 영향이 잇는거 같은데.....이거 해결방법이없을가요 ㅜㅠ

write.skin.php

<?php 

$wr_content2_editor_html = editor_html('wr_content2', $write['wr_content2'], true);
$wr_content2_editor_js = '';
$wr_content2_editor_js .= get_editor_js('wr_content2', true);
$wr_content2_editor_js .= chk_editor_js('wr_content2', true);

$wr_content3_editor_html = editor_html('wr_content3', $write['wr_content3'], true);
$wr_content3_editor_js = '';
$wr_content3_editor_js .= get_editor_js('wr_content3', true);
$wr_content3_editor_js .= chk_editor_js('wr_content3', true);

?>
<style type="text/css">

.tab-content {
    display: none;
}

#tab-1 {
 display: block;  
}

</style>

<div id="tabs-container">
<ul class="tabs-menu">
        <li class="current"><a href="#tab-1">1</a></li>
        <li><a href="#tab-2">2</a></li>
        <li><a href="#tab-3">3</a></li>
</ul>
</div> 

   <div id="tab-1" class="tab-content">
            <?php echo $editor_html; ?>
   </div>

   <div id="tab-2" class="tab-content">
            <?php echo $wr_content2_editor_html; ?>
   </div>
   <div id="tab-3" class="tab-content">
            <?php echo $wr_content3_editor_html; ?>
   </div>

<script>
$(document).ready(function() {
    $(".tabs-menu a").click(function(event) {
        event.preventDefault();
        $(this).parent().addClass("current");
        $(this).parent().siblings().removeClass("current");
        var tab = $(this).attr("href");
        $(".tab-content").not(tab).css("display", "none");
        $(tab).fadeIn();
    });
}); 

하단스크립트부분

    function fwrite_submit(f)
    {
  <?php if ($board[bo_1] == "REVIEW") {
  echo $wr_content2_editor_js;
  echo $wr_content3_editor_js;
     } ?>
   <?php echo $editor_js; // 에디터 사용시 자바스크립트에서 내용을 폼필드로 넣어주며 내용이 입력되었는지 검사함   ?>

아래 생략........