Set element to Hidden when clicked

Question

I'm putting together this basic script for a site: http://jsfiddle.net/mcgarriers/rVPnu/2/

It works great when I select the various numbers (it shows the relevant divs) but when I go back to click "Select" it still displays the <div> s. I'd like it if the user clicks "Select" that mySpecialElements is hidden again .

Can someone show me how to achieve this?

Many thanks for any pointers.

Answer 1

Fixed your script here: http://jsfiddle.net/rVPnu/6/ .

 if(!value) hideAll(elementsContainer);

You need to check that value is not empty in the doSelect method and hideAll if it is.

Answer 2

Just interchange hideAll(elementsContainer); and if (!targetDiv) { return;} in your doSelect function.

I have saved this in: http://jsfiddle.net/rVPnu/9/

Answer 3

Call hideAll(elementsContainer); before returning from doSelect method.

    // do magic..
    hideAll(elementsContainer);

    if (!targetDiv) { return;} // didn't find the element, bail

Demo