这里是我的问题的一个小问题:http://jsfiddle.net/sbBxu/ - 当你将鼠标悬停在" Hover me"元素,.result被列表隐藏。当用户点击任何"点击我"元素,结果会发生变化,但用户并没有看到它。
我想让用户看到.hidden
隐藏的结果。但是,如果我只是"隐藏"它,JQuery设置"显示"属性为"无",它打破了悬停显示行为。
基本上,我想要与小提琴相同的东西,除了弹出窗口隐藏点击。
答案 0 :(得分:2)
尝试从position: absolute
课程中删除.hoverd:hover .hidden
。
答案 1 :(得分:1)
我只是从css中删除:hover
,并使用jQuery显示/隐藏列表:
$('.hoverd').mouseenter(function () {
$('.hidden', this).show();
});
$('.hidden li').click(function() {
$('.result').text('I am a result');
$(this).closest('.hidden').hide();
});