0

我在我正在处理的网站中包含了一个手风琴，一个内容区域包括一个 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");
});
4

1 回答 1

0

我在这里添加了一些解释性评论，希望这会有所帮助。

$(".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");
});
于 2013-11-01T00:27:38.220 回答