jquery - Jquery Accordion 附加要求

Question

我需要在以下 jquery 代码中进行两项修改。（演示在这里）

1. 当我单击段落内的关闭链接时，我想向上滑动（隐藏）段落。
2. 当我向上/向下滑动任何段落时，活动类（箭头图标）应该可以正常工作。如果您注意到，当我打开两个段落时，箭头方向变得疯狂（∧ 向上，∨ 向下，∧ 向上）。当 para 关闭时，箭头指针应向下（∨），如果打开，则箭头应向上（∧）。

以下是我的代码

$(document).ready(function(){
    $(".accordion p").hide();

    $(".accordion h3").click(function(){
        $(this).next("p").slideToggle("fast")
        $(this).toggleClass("active");
        $(this).siblings("h3").removeClass("active");
    });
});

提前致谢

Answer 1

如果您想一次打开多个段落，这可能会对您有所帮助。

$(document).ready(function(){
    $(".accordion p").hide();

    $(".accordion h3").click(function(){
        $(this).next("p").slideToggle("fast")
        $(this).toggleClass("active");
    });

    $(".mylink").click(function(){
        $(this).parent('p').prev().trigger('click');
    });
});

检查小提琴的演示。

Answer 2

再加上一点工作，我相信你很快就会自己做！

LIVE DEMO

$(function(){
    $(".accordion p").hide();

    $(".accordion h3").click(function(){
        $(this).next("p").slideToggle("fast").siblings('p').slideUp("fast");
        $(this).toggleClass("active").siblings("h3").removeClass("active");            
    });

    $('.accordion a.mylink').click(function( e ){
        e.preventDefault();
        $(this).closest('p').slideToggle("fast").prev('h3').removeClass("active");        
    });
});