CKEditor is only show the first time when page is loading or refesh with F5
if I click on other tabs and click back the first tabs the CKEditor is not show anything, I don't know where is my mistake and below is my code js for show tabs
<script type="text/javascript">
$(document).ready(function(){
$('#top_nav div').hide();
$('#top_nav div:first').show();
$('#top_nav ul li:first').addClass('active');
$('#top_nav ul li a').click(function(){
$('#top_nav ul li').removeClass('active');
$(this).parent().addClass('active');
var currentTab = $(this).attr('href');
$('#top_nav div').hide();
$(currentTab).show();
return false;
});
});
</script>
and my code html is:
<div id="top_nav">
<ul>
<li>
<a href="#tab-1">Tab one</a>
</li>
<li>
<a href="#tab-2">Tab two</a>
</li>
<li>
<a href="#tab-3">Tab three</a>
</li>
</ul>
<div id="tab-1">
<table width="868" border="0" class="option_deal">
<tr>
<td>
<textarea name="short_desc" class="ckeditor"></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'short_desc');
</script>
</td>
</tr>
</div>
<div id="tab-2"> lorem ipsum </div>
<div id="tab-3"> lorem ipsum </div>
</div>
Thank you for reading my topic
The contenteditable="true"
The contenteditable="true" attribute is often not respected within divs that are "hidden" initially. There are multiple problems with hidden divs, and few solid solutions so far.
- SK
@skelly: thank you for your
@skelly: thank you for your reply, finally I found this link is working for me
http://progtuts.info/232/javascript-jquery-tabs/