Question

This code works fine in IE8/7 and Firefox... But in Google Chrome i got a problem...

My page have a menu, when the user click it, hide div blocos and shows the content (using url parameter setted in menu)

My Jquery Code: $(document).ready(function() { $('div.blocos').hide(); $('div#divMenuBloco').show();

    $('.clickable').click(function(){
        var _session = $(this).attr('url');             
        $('div.blocos').hide();
        $('div#' + _session).fadeIn('slow');
        return false;
    });
}

MENU div item: ...

That part works Great... All menu links hide and fadeIn the content...

So I added a Link "Back" inside content div...

<div class="clickable" id="divBack" style="float:right;margin-right:25px;cursor:pointer" url="divMenuBloco">Back</div>

When user click on that, the "Start" content shows up, but it hides after ... Only in Google Chrome ...IE8 and Firefox 3.5 works fine... Any idea?

Edited: Html code:

<div class="moldura">
    <div class="logo">
    </div>
    <div class="menu">
        <div class="navegacao-principal">
            <div class="clickable" url="div1">
                <img src="Arquivos/Imagens/Estrutura/iconeLocalizacao.png"" />
             </div>
            <div class="clickable" url="div2">
                <img src="Arquivos/Imagens/Estrutura/iconePadrinhos.png" />
            </div>
        </div>

 <div id="divMenuBloco" class="blocos">
    <strong>HOME</strong><br />
    <div class="bloco clickable" url="div3">
       <strong>LINK 3</strong><br /> 
    </div>        
</div>

     <div id="div1" class="blocos">               
         "TESTE 1" 
         <div class="clickable" id="divBack" style="float: right; margin-right: 25px; cursor: pointer" url="divMenuBloco"> Back</div>
....
     </div>                          
 </div>
Was it helpful?

Solution

I used "Show" instedOf "Fadein" and worked fine in Chrome !

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top