jquery-ui-bootstrap | A jQuery UI theme based on Twitter Bootstrap | Theme library

I have set up a bootstrap drop-down menu that works on hover. The first drop-down list has 3 list items that each has a list of its own that is also a drop-down that works on hover. My problem is that when I hover over these items the list that contains them rearranges the items and appears in a different way instead of appearing static and just the sub-menu popping up each time. Here is the Codepen example: Codepen

I'm using .switchClass on .container on a hover state to switch .child1 from 100% width to 40% width, but I have .container on more than one div. I only want the .switchClass function to happen on the one .container i'm hovering on, not all of them, but I don't want to use IDs because I'd rather not have a million scripts for each row I have to create (I need about 30)

So I have a series of rows that have a container then two side-by-side divs, called child1 and child2. In the default (non-hover) state, I want child1 to span the full width of the container. Then, when you hover over the container, I want child1 and child2 to slide over so that child1 is 40% width and child2 is auto width. I'm currently using switchClass to achieve this.

I have that working, but now my issue is that when I hover on one container, the animation happens to all the divs with the class "container".

Mind you, I have so far taught myself jQuery from googling and StackOverflow, so my understanding is very limited, and I've used very few functions so far. So sorry if this is a very easy problem to fix.

So far, I've found solutions saying to use $(this) as the selector, but because I want the class of child1 to switch when I hover on container, I haven't really figured out how to properly use $(this) in that context, because then it tries to switch the class on .container

The only reason I haven't switched to using IDs is because I need about 30 of these rows on this page. I just want to be able to show a little summary of what that image refers to when you hover on it.

jsfiddle: https://jsfiddle.net/sling/d6x4sfLn/