Включение и отключение DIV принять события нажатия на нажатием DIV

Question

У меня есть несколько дивы в моем коде, как показано ниже

<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, чтобы отобразить на состояние по умолчанию и нажал состояние на каждый щелчок этого 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(); 
    } 
});