Accordion 中的内容从左侧滑入答案

【问题标题】：Content within Accordion to slide in from the leftAccordion 中的内容从左侧滑入
【发布时间】：2026-02-12 05:00:01
【问题描述】：

我有一个手风琴，但我希望在手风琴放下后内容从左侧滑入。

到目前为止，我的代码使原始幻灯片变得跳跃。

我还有一个fiddle 显示原始代码...

 $(function () {
        $(".expand").on("click", function () {
            $(this).next().toggle("slide", {
                direction: "left"

            });

            $expand = $(this).find(">:first-child");

            if ($expand.text() == "\u25B6") {
                $expand.text("\u25BC");

            } else {
                $expand.text("\u25B6");
            }
        });
    });

【问题讨论】：

你可以使用 CSS 来做滑动动作。使用 CSS 动画，当您希望内容开始滑入时，您可以向内容添加一个类。
要从侧面滑动，你必须使用jQueryUI，jQuery默认只有SlideUp和SlideDown效果
所以我添加了一个类，但这与我原来的幻灯片切换混淆了：/ jsfiddle.net/y3afuqj5/2
对不起这个版本jsfiddle.net/y3afuqj5/3

标签： javascript jquery html css accordion

【解决方案1】：

试试这个小提琴。

$(".expand").on("click", function () {
    $('.detail').toggle('slide');
})

【讨论】：