With jQuery, you can show and hide div. The implementation is really cool. With jQuery you can show and hide with various functions:

• show(“fast”) , show(“slow”), show(400). The 400 is in mili seconds
• hide(“fast”) , hide(“slow”), hide(400). The 400 is in mili seconds
• slideUp()
• slideDown()
• slideToggle()
• fadeIn()
• fadeOut()

You can see the demo here and download the code here.

In general if a div width is not set, the div box is as wide as the content within it. If there is padding, borders, or margins, this will be added to the box width. So, a 100px box with 0 padding and 0 border would have 100px width and will render the same in IE and Mozilla. But, if 5px padding is added, the Mozilla box would be 110px wide. 100px + 5px left padding + 5px right padding = 110px wide. While the IE box would still be 100px.

So Internet Explorer does not render the div box correctly. To have the same look on different browser, you need to hack your css for IE browser.

You can do the below code:

The first div will work on Firefox and the second div won’t work on Firefox but will work on IE.