Content within Accordion to slide in from the left

Question

i have an accordion but i want the content to slide in from the left after the accordion has come down.

my code so far however this makes the original slide jumpy.

I also have a fiddle showing the original code...

 $(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");
            }
        });
    });

Answer 1

Try this fiddle.

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