我想上传当前内容，然后用jQuery滑动单击的内容

Question

我希望当前内容能够滑动，然后滑动点击的内容，并且我难以理解为什么我拥有的代码无法工作。它只是滑落文本。内容。任何帮助非常感谢！

$(document).ready(function() { 
    $('nav ul a').click(function(){  
     var newTopicText = $(this).html();    
     $('#topic').fadeOut(function() {  
      $('#topic').text(newTopicText).fadeIn();  
      $(".contentContainer").slideUp(1500, function() {  
       $(".contentContainer").html('.content'); 
      }).slideDown(1500);  
     }); 
    }); 
}); 

Answer 1

当你这样做的.html（“内容”），你告诉了jQuery字面上做“内容的”容器的innerHTML（例如：股利或跨度类.contentContainer）。

这是一个有点不清楚你想什么内容.contentContainer的地方，但假设它是与类“内容”的第一个标签的HTML，你可以这样做：

$(document).ready(function() { 
    $('nav ul a').click(function(){  
    var newTopicText = $(this).html();    
    $('#topic').fadeOut(function() {  
     $('#topic').text(newTopicText).fadeIn();  
     $(".contentContainer").slideUp(1500, function() {  
      // Change this line... 
      $(".contentContainer").html($('.content').html()); 
     }).slideDown(1500); 
    }); 
    }); 
}); 

编辑：已更新为使其具有类“.content”的第一个标记的内容。

http://jsfiddle.net/nn0x6da8/2/