Jquery 具有方向问题的响应式滑动面板

我这里有一个快速响应的幻灯片面板页面。如何处理幻灯片面板页面的方向，从左到右，从右到左，没有任何冲突

---

我假设您已经在html中定义了方向，因此您需要修改以下代码以满足您的需要：

CSS:

HTML:

或

---

我的小提琴：我不明白，你是在说文字方向吗？当方向为rtl时，是否要将面板交换为从右侧滑入？当方向为rtl时，是否要将面板交换为从右侧滑入？此方法是否有可用的插件？为什么需要插件？这是非常直接的关于它在做什么。

#panel {
    height: 450px;
    width: 200px;
    background: black;
    display: none;
    color: white;
    font-size: xx-large;
}

#panel[direction="ltr"] {
    float:left;
}

#panel[direction="rtl"] {
    float: right;
}

<div id='panel' direction="rtl">Pannel Details here</div>

<div id='panel' direction="ltr">Pannel Details here</div>