显示切换隐藏其他div jquery

b5lpy0ml  于 2022-12-03  发布在  jQuery
关注(0)|答案(1)|浏览(229)

我有两个链接,都显示不同的div。我有它的幻灯片切换所有罚款。但我需要它做的是折叠相反的切换(如果它是打开的)。类似于 accordion 面板的工作原理(当你触发一个显示切换链接打开面板关闭和新触发的面板打开)。
这是我目前使用的jQuery

//Left reveal toggle
$(".left-reveal-toggle").on("click", function () {
    $('.left-reveal-section').slideToggle("slow");
    $(".left-reveal-toggle").toggleClass("active");
});

//Right reveal toggle
$(".right-reveal-toggle").on("click", function () {
    $('.right-reveal-section').slideToggle("slow");
    $(".right-reveal-toggle").toggleClass("active");
});

下面是一个可用的JSFiddle链接:http://jsfiddle.net/wq73aeuh/1/
第一个

atmip9wb

atmip9wb1#

使用右上角的函数:上滑('慢速');左侧函数顶部:$('.右侧显示部分').slideUp('slow');

相关问题