Opinion sought, jQuery: (an exercise) I want to join 5x seperate functions into 1x jQuery function
===

Code extract:
http://jsfiddle.net/chrisloughnane/9AjfU/

The full code places `.tabs` and all the other elements inside an ajax filled jQuery UI modal. And it works perfectly. 

Here I have each jQuery **slideUp()** the **divs** not associated with the **tab** you are hovering on and **slideDown()** the **divs** that do. 

**I would like to know** what would be the best way to join all my **separate jQueries into one.** 

The function **`all();`** exists because I have in the jQuery UI modal dialog:

    $('#your-dialog-id').dialog({
        open: function(event, ui) {
        $('.scroll-box').css({'max-height': bottomPosition-150, 'overflow-y': 'scroll'});
        all();}, //etc.

In each jQuery `.on("mouseover",` exists as the divs used to be added dynamically. I haven't taken them away yet as I plan on a full rewrite.



