Jquery css width - how to remember width setting

Hi,
    I have a table which contains several rows, and 5 columns made up from DIVS - basically, when a column is clicked it gets expanded via a Jquery expand CSS width routine, like this:

$(document).ready(function() { 
$('#expand3').click(function () { 

switch($('#followupexp').css('width') )

{ 

case '144px': 

        $('#followupexp').css('width','720px');
        $('#followupexp1').css('width','720px');
        $('#followupexp2').css('width','720px');
        $('#followupexp3').css('width','720px');
        $('#followupexp4').css('width','720px');
        $('#followupexp5').css('width','720px');
        $('#followupexp6').css('width','720px');
        $('#followupexp7').css('width','720px');
        $('#followupexp8').css('width','720px');
        $('#followupexp9').css('width','720px');
        $('#followupexp10').css('width','720px');

Open in new window


When clicked the column gets shrunk back up using this:

case '720px':

        $('#followupexp').css('width','144px');
        $('#followupexp1').css('width','144px');
        $('#followupexp2').css('width','144px');
        $('#followupexp3').css('width','144px');
        $('#followupexp4').css('width','144px');
        $('#followupexp5').css('width','144px');
        $('#followupexp6').css('width','144px');
        $('#followupexp7').css('width','144px');
        $('#followupexp8').css('width','144px');
        $('#followupexp9').css('width','144px');
        $('#followupexp10').css('width','144px');
        

Open in new window


This works great, but if the user goes to page 2, 3, 4 etc. with the pagination, then the setting i.e. expanded column doesn't stay expanded.  Is it possible to get it to remain open until shrunk manually?

Thanks
damianb123Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Ray PaseurCommented:
I can't really understand this question, but maybe you would find some value in Twitter Bootstrap.  It's become the defacto standard for responsive web design.  You can see what a nice job it does here:
http://expo.getbootstrap.com/

If you want to explore more, it's free:
http://getbootstrap.com/

They have good documentation on their site, and the W3Schools have "getting started" links, too.
http://www.w3schools.com/bootstrap/bootstrap_get_started.asp

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
damianb123Author Commented:
Thanks Ray, it might make more sense if you see the test page.  If you look here:

http://www.comparedrs.com/gpw-results.php

This is an inherited piece.  Clicking on any of the columns will display the full width for that category, but navigating through the various pages reverts it back to a minimised width.  I'm trying to get it so the full width remains open when a new page is selected....

Thanks for the Bootstrap info, I shall have a look at that for any future projects.
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
It would help to see a link to your site as well. If the data is private, just make up some sample data.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.