1 reply to this topic

[vdf]

Olá pessoal,

 

Estou começando com o jquery, e queria fazer o seguinte...

Tenho uma lista de itens ex:
<div> item 1  <span >  editar    excluir</span></div>
<div> item 2  <span >  editar    excluir</span></div>
<div> item 3  <span >  editar    excluir</span></div>
<div> item 4  <span >  editar    excluir</span></div>
<div> item 5  <span >  editar    excluir</span></div>
<div> item 6  <span >  editar    excluir</span></div>
........

 

Ao lado de cada item tenho botões de excluir e editar o item,

porém eu preciso que esses botões só apareçam quando passar o mouse na div.

 

Alguem pode me dar uma luz!

 

 

[Danilomaru]

Eu acho que isso serve:

$(function () {
$("button").attr("hidden", "true");
$("div").mouseenter(function () {
$(this).children("button").removeAttr("hidden");
})
.mouseleave(function () {
$(this).children("button").attr("hidden", "true");
});
});