test6.html

<div>
Hey, Ronak!<br />
<br />
This works great, but the challenge is to have the hidden content within a group of rows, as opposed to div within the same cell.<br />
<br />
Can you show me an example of the same kind of &quot;smoothness&quot; that you have in this example where the hidden content is within a group of rows as opposed to it being within the same cell as the link / button?
</div>


Hey, Ronak!

This works great, but the challenge is to have the hidden content within a group of rows, as opposed to div within the same cell.

Can you show me an example of the same kind of "smoothness" that you have in this example where the hidden content is within a group of rows as opposed to it being within the same cell as the link / button?

<div>
Never mind, Ronak!<br />
<br />
I was able to fit my rows within the div by using a separate table. <br />
<br />
Thanks!
</div>


Never mind, Ronak!

I was able to fit my rows within the div by using a separate table.

Thanks!

<div>
<div class="content wysiwyg-content">
Head out to <a href="http://brucegust.com/portfolio/verizon/toggle_test.php" rel="ugc">http://brucegust.com/portfolio/verizon/toggle_test.php</a>. Click on the &quot;System Performance&quot; link and you'll see some content revealed, which is exactly what I want, with the exception of the fact that the content isn't revealed smoothly. Instead, it's a very abrupt appearance and when you click on it to hide it, it hesitates.<br />
<br />
Compare that to <a href="http://www.brucegust.com/portfolio/verizon/index.php#" rel="ugc">http://www.brucegust.com/portfolio/verizon/index.php#</a>. Hover over the &quot;regions&quot; link and you'll see another &quot;System Performance&quot; link. When you click on it, the content is very smooth and THAT's what I want.<br />
<br />
How do I get my first example to toggle smoothly?
</div>
</div>


Head out to http://brucegust.com/portfolio/verizon/toggle_test.php. Click on the "System Performance" link and you'll see some content revealed, which is exactly what I want, with the exception of the fact that the content isn't revealed smoothly. Instead, it's a very abrupt appearance and when you click on it to hide it, it hesitates.

Compare that to http://www.brucegust.com/portfolio/verizon/index.php#. Hover over the "regions" link and you'll see another "System Performance" link. When you click on it, the content is very smooth and THAT's what I want.

How do I get my first example to toggle smoothly?

How can I make this slideToggle dynamic smoother?

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.