jQuery顯示/隱藏slideToggle不工作

Question

我試圖將此FAQ template集成到Magento商店的「1列布局」。

顯示/隱藏切換無法按預期工作，只要持續時間（400）結束，它就會隱藏起來。 您可以在現場檢查：http://nutrija.com/faq

jQuery(document).ready(function($){ 

var faqTrigger = $('.cd-faq-trigger'), 

    //show faq content clicking on faqTrigger 
    faqTrigger.on('click', function(event){ 
     event.preventDefault(); 
     $(this).next('.cd-faq-content').slideToggle(400).end().parent('li').toggleClass('content-visible'); 
    }); 

} 

我試圖改變一些參數，但失敗了，請幫助。

Answer 1

執行content-visible類切換中的slideToggle回調

var faqTrigger = $('.cd-faq-trigger'), 

//show faq content clicking on faqTrigger 
faqTrigger.on('click', function(event){ 
     event.preventDefault(); 
     $(this).next('.cd-faq-content').slideToggle(400, function(){ 
       //Add toggle class here 
       faqTrigger.parent('li').toggleClass('content-visible'); 
     }); 
    }); 

} 

Answer 2

我有固定的問題，這個問題是與Magento的整合jQuery的

解決方案：

使用jQuery則必須在確保它使用'noConflict'模式。爲此，請添加：

var $ j = jQuery.noConflict（）;

到您的jQuery腳本的末尾。

現在，改變任何jQuery代碼如下。如果您有：

//show faq content clicking on faqTrigger 
faqTrigger.on('click', function(event){ 
    event.preventDefault(); 
    $(this).next('.cd-faq-content').slideToggle(400).end().parent('li').toggleClass('content-visible'); 
}); 

}

它改成：

//show faq content clicking on faqTrigger 
faqTrigger.on('click', function(event){ 
    event.preventDefault(); 
    $f(this).next('.cd-faq-content').slideToggle(400).end().parent('li').toggleClass('content-visible'); 
}); 

}