title: How to set common speed for the toggle screen in jQuery
body: <p>I am using jQuery for a split screen design.
  The left and right panel will be visible in the split mode.
  I have attached a fiddle of code that I am using for the same.</p>
  
  <p><a href="http://jsfiddle.net/qEjXj/3720/" rel="nofollow noreferrer">http://jsfiddle.net/qEjXj/3720/</a></p>
  
  <p>I am doing this toggle click</p>
  
  <pre><code>$(".slidingDiv").toggle("slide", {direction: "right" }, 1000);
  $(".userDiv").toggleClass("col-12 col-6",1000);
  </code></pre>
  
  <p>The problem is that the left side goes in and then the right side screen appears.
  I want is they should both appear in sync. I tried by changing the time but I am not able to get a solution.
  What will be the correct approach to do this?</p>