0

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>
4

1 に答える 1

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");    
    });
  });
});
于 2012-04-13T21:34:04.927 に答える