如何保持改变的图像时，孩子是在JavaScript

[HTML代码]

<div class="hidden_menu_opener" title="More...."></div> 
<div class="hidden_menu_container" style="display:none;"> 
    <div class="hidden_menu_arrow"></div> 
    <div class="hidden_menu"></div> 
</div>

[javascript代码]

$(document).ready(function() { 
    var $hidden_menu_opener = $(".hidden_menu_opener"); 
    var $hidden_menu = $(".hidden_menu_container"); 
    $hidden_menu_opener.click(function() { 
     $hidden_menu.toggle(); 
    }); 
}); 
$(document).mouseup(function (e){ 
    var hidden_menu = $(".hidden_menu_container"); 
    if (!hidden_menu.is(e.target)&& hidden_menu.has(e.target).length === 0){ 
     hidden_menu.hide(1); 
    } 
});

说明----

我有一个AC触发器姑娘“hidden_menu_opener”点击它时显示带班“hidden_menu_container”

什么才是我想要做的-----

股利“hidden_menu_opener”隐藏的div有一个背景图像上的不透明度为0.63页面加载，但改变到完全不透明（1）当徘徊。现在我希望图像保持完全不透明，只要“hidden_menu_container”是可见的

来源

2014-01-14 Immortal Dude

我认为你需要更新你的CSS和JS保持全不透明度：

CSS：

个

.hidden_menu_opener { 
    opacity: 0.63; 
    background-color: orange; 
    padding: 10px; 
} 
.hidden_menu_opener:hover, .hidden_menu_opener.active { 
    opacity: 1; 
}

JS：

$(document).ready(function() { 
    var $hidden_menu_opener = $(".hidden_menu_opener"); 
    var $hidden_menu = $(".hidden_menu_container"); 
    $hidden_menu_opener.click(function() { 
     $hidden_menu.toggle(); 
     $hidden_menu_opener.toggleClass('active'); 
    }); 
}); 
$(document).mouseup(function (e){ 
    var hidden_menu = $(".hidden_menu_container"); 
    if (!hidden_menu.is(e.target)&& hidden_menu.has(e.target).length === 0){ 
     hidden_menu.hide(1); 
     $hidden_menu_opener.toggleClass('active'); 
    } 
});

能否请您审查jsfiddle的例子吗？

来源

2014-01-28 05:49:08

如何保持改变的图像时，孩子是在JavaScript

回答

相关问题