Question

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

我要做的是跟随：

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

我几乎让它起作用，看起来像这样

以下是代码：

$(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);
 });
}
});             
});

我会感激任何帮助！

Answer 1

请参阅http://jsfiddle.net/dM7Vd/16/

看起来你只需要添加

$('#object-full-description').slideToggle('slow');

在你的功能结束时。你隐藏它但没有重新显示它。

在显示不同的html之间切换

1 个答案: