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 **div** s not associated with the **tab** you are hovering on and **slideDown()** the **div** s 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 this 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.