toggle/vertical slider with multiple Divs
<p>I have 2 div section one div containing video &amp; other has tabular data. I would like to toggle them in horizontal direction i.e from right to left or vice verse. If video display table div is hide, and if table then video div will hide. </p>

<p>This is working fine in vertical direction.</p>

<pre><code>&lt;div class="option_list"&gt;
  &lt;p class="video_head"&gt;Video&lt;/p&gt;
  &lt;div class="divVideo"&gt; Video frame...&lt;/div&gt;
  &lt;p class="table_head"&gt;table&lt;/p&gt;
  &lt;div class="divtable"&gt; table frame...&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>script--</p>

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

<p>How to toggle this horizontally? </p>
