我如何暂时删除:从元素悬停?

时间:2011-12-05 11:50:32

标签: javascript jquery css

这里是我的问题的一个小问题:http://jsfiddle.net/sbBxu/ - 当你将鼠标悬停在" Hover me"元素,.result被列表隐藏。当用户点击任何"点击我"元素,结果会发生变化,但用户并没有看到它。

我想让用户看到.hidden隐藏的结果。但是,如果我只是"隐藏"它,JQuery设置"显示"属性为"无",它打破了悬停显示行为。

基本上,我想要与小提琴相同的东西,除了弹出窗口隐藏点击。

2 个答案:

答案 0 :(得分:2)

尝试从position: absolute课程中删除.hoverd:hover .hidden

Example fiddle

答案 1 :(得分:1)

我只是从css中删除:hover,并使用jQuery显示/隐藏列表:

http://jsfiddle.net/sbBxu/4/

$('.hoverd').mouseenter(function () {
  $('.hidden', this).show();
});

$('.hidden li').click(function() {
  $('.result').text('I am a result');
  $(this).closest('.hidden').hide();
});