Mein JQuery Toggle funktioniert nicht richtig

Question

Warum funktioniert meine jQuery Toggle-Funktion nicht?

Sehen Sie diese Demo: http://project.4greality.com/category/budget-homes

Mein Code:

<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

Ich glaube, Sie brauchen etwas, unten wie Miniaturansicht und Detailansicht zu wechseln.

Ich bin mir nicht sicher, warum Sie versuchen, das div fadeOut zuerst und fadeIn das gleiche wieder und dann verstecken es.

unten Versuchen Sie, und lassen Sie mich wissen, wie es geht,

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