Question

I am doing some content div show hide using with animate but present it’s fixed width working but i want to do without width also it’s should cross browser also when shrinking down it have to be work elastic wise when the div show mode.

any suggestions or modifications in code.

jsfiddle
http://jsfiddle.net/sureshsummy/xUKRf/5/

Answer 1

Here is a solution to your fixed width problem:

$("#content").animate({
    width: $('body').width() -100
}, {
    queue: false,
    duration: 10
}).toggle();

Edit:
To animate the hide, put the animation function again in the toggle:

$("#content").animate({
    width: $('body').width() -100
}, {
    queue: false,
    duration: 1000
}).toggle({
    width: 100
}, {
    queue: false,
    duration: 1000
});