"#business"目前设置为后台:#323232; 如何将其更改为#000; 单击"#business"并在菜单关闭后返回323232?
$(document).ready(function() {
$("#business").click(function(){
jQuery.fx.off = true;
$("#businessmenu").toggle("");
});
$('html').click(function() {
$("#businessmenu").hide("");
});
$('#business').click(function(event){
event.stopPropagation();
});
});
Run Code Online (Sandbox Code Playgroud)
这是html:
<a href="#" id="business">Biz name</a>
<div id="businessmenu">
<a href="help.html">Help</a>
</div>
Run Code Online (Sandbox Code Playgroud)
Jam*_*ice 32
您可以使用该css方法更改CSS属性(如果需要,还可以更改多个属性):
$("#business").click(function(event){
jQuery.fx.off = true;
$("#businessmenu").toggle("");
$(this).css("background-color", "#000");
event.stopPropagation();
});
$('html').click(function() {
$("#businessmenu").hide();
$("#business").css("background-color", "#323232");
});
Run Code Online (Sandbox Code Playgroud)
请注意,我已经组合了你绑定的2个事件监听器,#business因为它只是绑定一个没有区别.
作为旁注,是否有理由将空字符串传递给hide?这不应该是必要的.