單擊時將元素設置為“隱藏”

Question

我將以下基本腳本放到一個站點中： http : //jsfiddle.net/mcgarriers/rVPnu/2/

當我選擇各種數字（顯示相關的div）時，它的效果很好，但是當我返回單擊“選擇”時，它仍然顯示<div> 。 如果用戶單擊“選擇”，mySpecialElements再次被隱藏，我會很喜歡。

有人可以告訴我如何實現這一目標嗎？

非常感謝您的指導。

Answer 1

在此處修復了您的腳本： http : //jsfiddle.net/rVPnu/6/ 。

 if(!value) hideAll(elementsContainer);

您需要在doSelect方法中檢查該值是否為空，如果是，則檢查hideAll。

Answer 2

只是交換hideAll(elementsContainer); 以及doSelect函數中的if (!targetDiv) { return;} 。

我已將其保存在： http : //jsfiddle.net/rVPnu/9/

Answer 3

調用hideAll(elementsContainer); 從doSelect方法返回之前。

    // do magic..
    hideAll(elementsContainer);

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