啓用和禁用的股利採取點擊一個div的單擊事件

Question

我有我的代碼少的div如下圖所示

<div id="Toggle_ACicon"> 
     <img id = "imgACicon" src = "../images/Zone4/Z4_Ac-Button-released.png"> 
     <img id = "imgACiconPressed" src = "../images/Zone4/Z4_Ac-Button-pressed-hi.png"> 
    </div> 

    <div id="Toggle_FanLeft"> 
     <img id = "imgFanLeft" src = "../images/Zone4/Z4-Fan-Dial-left-released.png"> 
     <img id = "imgFanLeftPressed" src = "../images/Zone4/Z4-Fan-Dial-left-pressed-hi.png"> 
    </div> 

    <div id="Toggle_FanRight"> 
     <img id = "imgFanRight" src = "../images/Zone4/Z4-Fan-Dial-right-released.png"> 
     <img id = "imgFanRightPressed" src = "../images/Zone4/Z4-Fan-Dial-right-pressed-hi.png"> 
    </div> 

兩個圖像，每格是顯示默認狀態和點擊狀態每次點擊該div。 下面的代碼會爲每格（切換上點擊）

$("#Toggle_FanRight").click(function() 
{ 
    $(this).find('img').toggle(); 
}); 

我的要求是，Toggle_FanLeft和Toggle_FanRight應該單擊事件只有當Toggle_ACicon被選中，否則對他們的點擊，應禁用。點擊Toggle_ACicon應該使它們處於活動狀態，並使它們能夠進行點擊事件。

請幫助我！ 在此先感謝。

Answer 1

檢查切換前圖像是否可見。

$("#Toggle_FanRight").click(function() 
{ 
    if($("#Toggle_ACicon").find("img").is(":visible")){ 
     $(this).find('img').toggle(); 
    } 
});