如何使用javascript将Toggle down div更改为左右滑动

嗨，我有两个div，一个名为basic，另一个名为advanced。 然后我有按钮显示高级。 当我点击ShowAdvanced按钮时，它会向下切换。但我想让它从右向左滑动

这里是html

<div class="container" id="divBasic">Basic data</div>

<div class="container top_offset" id="divAdvanced" style=""> Advanced data</div>

    <a style="float:right; margin-right: 10px; padding-right: 10px" href="javascript:void(0);" onclick="toggle_advanced(this);" id="hpAdvanced_top">Show Advanced ></a>

请帮我从右到左滑动高级div

谢谢

功能切换\u基本（源代码）{
var div=$（“#divBasic”）；
var top_btn=$（“#divButtons”）；
div.toggle（）；
顶部按钮切换（）；
$（“#divShapes”）.toggle（）；
如果（源==“形状”）{
storeValue（“基本”、“无”）；
}否则{
storeValue（“基本”、“块”）；
}
}
功能切换\u高级（hp）{
var divAdvanced=$（“#divAdvanced”）；
高级切换（“滑动”）；
如果（hp.outerText！=“显示高级”）{
//storeValue（“高级”、“无”）；
//顶置字母css（“高度”，“30px”）；
hp.innerText=“显示高级”；
}否则{
//storeValue（“高级”、“区块”）；
//顶部字体css（“高度”，“0px”）；
hp.innerText=“隐藏高级”；
}
}

基础数据
高级数据

功能切换\u基本（源代码）{
var div=$（“#divBasic”）；
var top_btn=$（“#divButtons”）；
div.toggle（）；
顶部按钮切换（）；
$（“#divShapes”）.toggle（）；
如果（源==“形状”）{
storeValue（“基本”、“无”）；
}否则{
storeValue（“基本”、“块”）；
}
}
功能切换\u高级（hp）{
var divAdvanced=$（“#divAdvanced”）；
高级切换（“滑动”）；
如果（hp.outerText！=“显示高级”）{
//storeValue（“高级”、“无”）；
//顶置字母css（“高度”，“30px”）；
hp.innerText=“显示高级”；
}否则{
//storeValue（“高级”、“区块”）；
//顶部字体css（“高度”，“0px”）；
hp.innerText=“隐藏高级”；
}
}

基础数据
高级数据

使用此

 $('#divAdvanced').toggle('slide', {
        direction: 'left'
    }, 1000);

您可以随意将

左

更改为

右

使用此选项

 $('#divAdvanced').toggle('slide', {
        direction: 'left'
    }, 1000);

---

您可以随意将

左

更改为

右

。

@Druga no.我想用幻灯片替换切换开关。我的意思是我不想切换下来。我想要它slide@Druga不，我想用滑梯代替拨动开关。我的意思是我不想切换下来。我想让它滑动