Show/Hide Divs Page Flicker / Reloads

Show/Hide Divs Page Flicker / Reloads

This might be a bit vague... but I am having issues.  I want a very simple slider that works smoothly especially on all browsers.  here is that code that I am using.

//<![CDATA[
function showSlidingDiv1(){
$("#slidingDiv1").animate({"width": "toggle"}, { duration: 1000 });
}
function showSlidingDiv2(){
$("#slidingDiv2").animate({"width": "toggle"}, { duration: 1000 });
}
function showSlidingDiv3(){
$("#slidingDiv3").animate({"width": "toggle"}, { duration: 1000 });
}
//]]>

When I click on a ID link it will slide open a panel coming from the right, pushing a table cell on the left.

First... The reloading so it seems that occurs after I close a panel.  This is happening on Chrome and Safari.

Second... again on Chrome and Safari, the Div panel that is sliding, is not sliding but the content is being exposed.  so the content is in place and just being exposed right to left.

I would really love to use this code because of its simplicity, just getting frustrating how other browsers are interpreting code differently.

If you get what I am trying to accomplish here and have a code that you are willing to share, I would love to try and implement.

Thanks guys!