Eu tenho uma div, que contem um texto dentro, quando eu passo o mouse em cima dela, uma outra div, que e uma pequena barra de height:3px
, deixa de ser display:none
e fica display:block
, até ai tranquilo, está tudo funcionando.
Porém, eu gostaria que a largura dessa barra fosse igual ao tamanho da div que eu passei o mouse em cima.
Por exemplo:
<div>PALAVRA</div>
<div class="barra" style="display:none"></div>
O meu Jquery está correto:
$( ".internaMenu:eq(0)" ).hover(function() {
$( this ).find('.internaMenuBarra').css({'display':'block','width':'85px'});
},
function() {
$( this ).find('.internaMenuBarra').css('display','none');
});
Eu defini tamanho no Jquery apenas para fazer um teste.