Hide Other list elements when hovering on one list item?

Check out this fiddle The JS $('ul. Sidebar-iproducts-ul li'). Mouseover(function(){ $(this).siblings().

Css('visibility', 'hidden'); }); $('ul. Sidebar-iproducts-ul li'). Mouseout(function(){ $(this).siblings().

Css('visibility', 'visible'); }); The STYLE li{ display: block; width: 100px; }.

This one works but what I actually want is display none and block instead of visibility hidden and visible. When I use display attribute it does not work keeps blinking – Rakhitha Nimesh Nov 20 at 2:14 Hmm, you'll have to treat it in CSS. What's the desired effect?

– Eliseu Monar Nov 20 at 2:18 The reason why you are getting the blinking effect is because the second you do mouseover, the mouseout is triggered, the only way I could get around it is with the display:block – Jose Vega Nov 20 at 2:21 @Eliseu Monar What I want to do is when I mouse over one item hide other elements and display a description about that element. With css only I was not able to do that. – Rakhitha Nimesh Nov 20 at 2:35 2 Sure, forget what I said about display:block.

I am using the visibility property because that won't trigger the blinking(mouseover/mouseout) issue you are seeing. With visibility I am only making it invisible, with display:none I am in a way removing the element from the DOM and causing the li element to shift to the top and triggering the mouseout event. – Jose Vega Nov 20 at 2:45.

Var $items = $("ul. Sidebar-iproducts-ul"). Children("li"); $items.

Hover(function () { $items.fadeOut(); $(this).show(); }); Maybe it'll help you.

This solution works but the current item keeps blinking. I think hover event is called repetitively – Rakhitha Nimesh Nov 20 at 2:11.

May be you can write this $('. Sidebar-iproducts-ul li'). Hover(function(){ $('li').

Css('display', 'none'); $(this). Css('display', 'block'); }).

But this method has some issues on mouseover. It keeps blinking – Rakhitha Nimesh Nov 20 at 3:22 it's not blink check this jsfiddle. Net/28PPs/2 – sandeep Nov 20 at 3:24 It's working properly thanks.

– Rakhitha Nimesh Nov 20 at 3:29.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions