很難理解jQuery代碼

Question

我已經包括了工作的網站即時通訊內的手風琴，一個內容區域包括YouTube視頻，我已經成功地管理在另一個手風琴頭選擇拜堆棧溢出停下來，但是我有麻煩了解它的實際功能。我是相當新的jQuery和想了解如何工作，以實現未來的腳本。

任何幫助將不勝感激，Jquery的如下所示。

感謝，

梅麗莎

$(".accordion h3").eq(40).addClass("active"); 
$(".accordion div").eq(40).show(); 
$(".accordion h3").click(function(){ 
    var video = $(".accordion h3.active").next().children(); 
    var src = video.attr("src"); 
    video.attr("src",""); 
    video.attr("src",src); 

    $(this).next("div").slideToggle("slow") 
    .siblings("div").slideUp("slow"); 
    $(this).toggleClass("active"); 
    $(this).siblings("h3").removeClass("active"); 
}); 

Answer 1

我在這裏加了一些解釋性意見，並希望這會幫助你。

$(".accordion h3").eq(40).addClass("active"); 
$(".accordion div").eq(40).show(); 
$(".accordion h3").click(function(){ 
    var video = $(".accordion h3.active").next().children(); // Find the div containing the video 

    // The following three lines are a hack to stop the video. 
    var src = video.attr("src"); // Get the source of the video 
    video.attr("src",""); // Set the source to "" 
    video.attr("src",src); // Set the source back to the original source. 

    // Find the next div and toggle its state (sliding animation) while sliding up other divs (animated) 
    $(this).next("div").slideToggle("slow") 
    .siblings("div").slideUp("slow"); 

    // and toggle this one's active state 
    $(this).toggleClass("active"); 

    // while making the others inactive 
    $(this).siblings("h3").removeClass("active"); 
});