Jquery set width of div to window then divide

Question

I have a site that has 3 panels it slides through. I want to set the background of each panel to be the window size so I am using:

var width1 = $(document).width(); 

var width2 = $(".nav").width(); 

var width_diff = width1 - width2 + "px";

document.getElementById('test').style.width = width_diff; 

However I want to divide the width by the number of panels as the window size equals the total of them.

Many thanks.

Answer 1

just change your current line to this:

var width_diff = (width1 - width2) / 3 + "px"