在显示不同的html之间切换

当页面加载时，我正在对元素的html进行一些更改，我有一个用于该元素的切换按钮，但我在使其正常工作方面遇到了问题。

我想做的是：

加载页面时，将显示修改后的html。当用户单击切换按钮时，我希望原始html显示为具有幻灯片效果的全文。当用户再次点击切换按钮时，我希望它显示具有滑动效果的修改后的html。

我几乎可以工作了，它看起来像这个

JSFiddle

这是代码：

$(window).ready(function() {
var string = $('#object-full-description').html();
var place = string.indexOf('.', 800);
if (place >= 0)
{
    $('#object-full-description').html(string.substring(0, place + 1));
}

$('#full-description-toggle').click(function() {
  if ($('.toggled').length > 0) {
      $('#object-full-description').slideToggle('slow', function() {
      $('#full-description-toggle').removeClass('toggled');
      place = string.indexOf('.', 800);
      if (place >= 0) {
      $('#object-full-description').html(string.substring(0, place + 1));
      }
   });
  } else {
    $('#object-full-description').slideToggle('slow', function() {
    $('#full-description-toggle').addClass('toggled');
    $('#object-full-description').html(string);
 });
}
});             
});

我将感谢任何形式的帮助！