toggle - 我的 JQuery 切换无法正常运行

Question

为什么我的 jQuery 切换功能不起作用？

请参阅此演示：http ://project.4greality.com/category/budget-homes

我的代码：

<script>
$(document).ready(function(){

$("a.switchThumb").toggle(function(){
  $(this).addClass("swap"); 
    $("div.containerDiv").fadeOut("fast", function() {
        $("#containerDiv").fadeIn("fast").addClass("displayToggleNone");

        });

    }, 

 function () {
  $(this).removeClass("swap");
    $("div.containerDiv2").fadeOut("fast", function() {
           $("#containerDiv2").fadeIn("fast").removeClass("displayToggleNone");

        });
    });
});
</script>

Answer 1

我认为您需要类似下面的内容来切换缩略图和详细视图。

我不确定您为什么要先尝试淡出 div 并再次淡入相同的内容，然后再将其隐藏。

试试下面，让我知道它是怎么回事，

$(document).ready(function(){    
  $("a.switchThumb").toggle(function(){
    $(this).addClass("swap"); 
    $("#containerDiv").fadeOut("fast", function() {
        $("#containerDiv2").fadeIn("fast");
    });
  }, 
  function () {
    $(this).removeClass("swap");
    $("#containerDiv2").fadeOut("fast", function() {
           $("#containerDiv").fadeIn("fast");    
    });
  });
});