I need to hide a div if another div has a class.

I've created a very basic example HERE

I need the div on the bottom to hide when the word click is.. well.. clicked. It adds a class to the middle div just fine, but it seems hasClass() doesn't want to work?

NOTE: The structure needs to be like this. If click is clicked, modify the middle div (add class?), and manipulate the bottom div based on the middle div. With this setup - I can't just do if CLICK is clicked, slideUp() the bottom div.

Also, once ok or cancel is clicked, it will revert, because the middle div will no longer have the class. Provided that's the method I can get working here, haha.