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.
Fixed your script here: http://jsfiddle.net/rVPnu/6/.
ReplyDeleteif(!value) hideAll(elementsContainer);
You need to check that value is not empty in the doSelect method and hideAll if it is.
Just interchange hideAll(elementsContainer); and if (!targetDiv) { return;} in your doSelect function.
ReplyDeleteI have saved this in: http://jsfiddle.net/rVPnu/9/
Call hideAll(elementsContainer); before returning from doSelect method.
ReplyDelete// do magic..
hideAll(elementsContainer);
if (!targetDiv) { return;} // didn't find the element, bail
Demo