jquery - 複数の Div を持つトグル/垂直スライダー

Question

2 つの div セクションがあり、1 つの div にはビデオが含まれ、もう 1 つの div には表形式のデータがあります。それらを水平方向、つまり右から左、またはその逆に切り替えたいと思います。ビデオ表示テーブル div が非表示の場合、テーブルの場合はビデオ div が非表示になります。

これは垂直方向にうまく機能しています。

<div class="option_list">
  <p class="video_head">Video</p>
  <div class="divVideo"> Video frame...</div>
  <p class="table_head">table</p>
  <div class="divtable"> table frame...</div>
</div>

脚本 -

 <script type="text/javascript">
    $(document).ready(function () {
      $(".table_head").click(function () {
      $(".divtable").slideToggle();
      $(".divVideo").hide();
     });
   $(".video_head").click(function () {
    $(".divVideo").slideToggle();
    $(".divtable").hide();
   });
});
</script>

これを水平に切り替える方法は？

Answer 1

このように書くことができます

$(document).ready(function () {
      $(".table_head").click(function () {
      $(".divtable").animate({width: 'toggle'});
      $(".divVideo").hide();
     });
   $(".video_head").click(function () {
    $(".divVideo").animate({width: 'toggle'});;
    $(".divtable").hide();
   });
});