Skip to main content
adicionou 150 caracteres ao conteúdo
Fonte Link

Você esta ocultando o elemento que esta disparando o hover...

acho que deve ser algo assim:

jquery:

$( ".produtosDestaqueBoxItem" ).hover(
  function() {
    $( this ).children(".produtosDestaqueBoxItemCentralizar").hide();
    $( this ).children(".produtoDestaqueBox").fadeIn();
  },
  function() {
    $( this ).children(".produtosDestaqueBoxItemCentralizar").show();
    $( this ).children(".produtoDestaqueBox").fadeOut();
  }
);

HTML:

<div class="produtosDestaqueBoxItem">
    <div class="produtosDestaqueBoxItemCentralizar">
        <img src="imagens/produto1 (1).jpg" height="131" width="120" alt="" />
    </div>
    <div style="display:none" class="produtoDestaqueBox">teste</div>
</div>

obs.: Se quiser, style="display:none" pode ser incorporado na classe .produtoDestaqueBox

Você esta ocultando o elemento que esta disparando o hover...

acho que deve ser algo assim:

jquery:

$( ".produtosDestaqueBoxItem" ).hover(
  function() {
    $( this ).children(".produtoDestaqueBox").fadeIn();
  },
  function() {
    $( this ).children(".produtoDestaqueBox").fadeOut();
  }
);

HTML:

<div class="produtosDestaqueBoxItem">
    <div class="produtosDestaqueBoxItemCentralizar">
        <img src="imagens/produto1 (1).jpg" height="131" width="120" alt="" />
    </div>
    <div style="display:none" class="produtoDestaqueBox">teste</div>
</div>

obs.: Se quiser, style="display:none" pode ser incorporado na classe .produtoDestaqueBox

Você esta ocultando o elemento que esta disparando o hover...

acho que deve ser algo assim:

jquery:

$( ".produtosDestaqueBoxItem" ).hover(
  function() {
    $( this ).children(".produtosDestaqueBoxItemCentralizar").hide();
    $( this ).children(".produtoDestaqueBox").fadeIn();
  },
  function() {
    $( this ).children(".produtosDestaqueBoxItemCentralizar").show();
    $( this ).children(".produtoDestaqueBox").fadeOut();
  }
);

HTML:

<div class="produtosDestaqueBoxItem">
    <div class="produtosDestaqueBoxItemCentralizar">
        <img src="imagens/produto1 (1).jpg" height="131" width="120" alt="" />
    </div>
    <div style="display:none" class="produtoDestaqueBox">teste</div>
</div>

obs.: Se quiser, style="display:none" pode ser incorporado na classe .produtoDestaqueBox

Fonte Link

Você esta ocultando o elemento que esta disparando o hover...

acho que deve ser algo assim:

jquery:

$( ".produtosDestaqueBoxItem" ).hover(
  function() {
    $( this ).children(".produtoDestaqueBox").fadeIn();
  },
  function() {
    $( this ).children(".produtoDestaqueBox").fadeOut();
  }
);

HTML:

<div class="produtosDestaqueBoxItem">
    <div class="produtosDestaqueBoxItemCentralizar">
        <img src="imagens/produto1 (1).jpg" height="131" width="120" alt="" />
    </div>
    <div style="display:none" class="produtoDestaqueBox">teste</div>
</div>

obs.: Se quiser, style="display:none" pode ser incorporado na classe .produtoDestaqueBox