I have written a simple jQuery code that uses a plugin to convert menu into a simple select box when the menu can't fit into the container.

It works fine, but I would like to make it execute in "real time", when user manually resizes the browser's window. Now, if you want to see the effect, you must resize the window and then click Refresh.

Is it possible?

2. jQuery(function () {
3. 
   
4. var topMenuContainerWidth = jQuery("div.cell").has("ul.nav").innerWidth();
5. var topMenuWidth = jQuery("ul.nav").innerWidth();
6. 
   
7. if(topMenuWidth >= topMenuContainerWidth) {
8. 
   
9. jQuery(".tinynav").css("display","block");
10. jQuery("ul.nav").css("display","none");
11. 
    
12. jQuery("ul.nav").tinyNav({
13. active: 'current', // String: Set the "active" class
14. });
15. 
    
16. }
17. });
18.