problema con div a scomparsa jquery

sil7

Nuovo Utente
21 Apr 2010
1
0
0
ciao
Ho un problema con un div a scomparsa.

Ho un link href come voce del menu principale, al mouseover appare un div sottostante con le voci di sottomenu.
questo è il codice della mia pagina.

------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sliding Div</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<style>

body{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;}

#slidingDiv {
display: none;
height:300px;
background-color: #99CCFF;
padding:20px;
}

</style>

<script src="http://www.google.com/jsapi?key=ABQIAAAA1z2R5qvV2le8XlHGBMQW_BT2p0lhzy-giP_0zK-c010Lfxp0GhRrBN2wCdM7TBNC0YRkYDixL7chxg" type="text/javascript">
</script>
<script type="text/javascript">
google.load("jquery", "1");
</script>

</head>

<body>
<div id="container">

<script type="text/javascript">
//<![CDATA[
function showSlidingDiv(){
$("#slidingDiv").animate({"height": "toggle"}, { duration: 500 });
}
//]]>
</script>

<a href="#" onmouseover="showSlidingDiv(); return false;">Voce Menu Principale </a><br />


<div id="slidingDiv" onmouseout="showSlidingDiv(); return false;">
<ul>
<li>sottoMenu1</li>
<li>sottoMenu2</li>
<li>sottoMenu3</li>
<li>sottoMenu4</li>
</ul>
</div>


</div>


</body>
</html>
------------------------------------------

Se nel div "slidingDiv" metto del semplice testo tutto funziona, al mouseover del menu appare il div sotto al mouseout dal div-tendina questo si richiude.

Il problema è che nel div "slidingDiv" devo mettere degli <ul>, <li> e link.
A quel punto ogni volta che passo su uno degli elementi all'interno del div parte il movimento di chiusura, quindi risulta impossibile muoversi all'interno del sottomenu.

qualche suggerimento su come si possa risolvere?

grazie!
 
Discussioni simili
Autore Titolo Forum Risposte Data
ANDREA20 [HTML] problema con i div HTML e CSS 10
E [Javascript] problema con margine quando viene mostrato div Javascript 0
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
M Problema con ciclo foreach per chiusura apertura div in base al numero di record in database PHP 1
D Problema con lo scroll della pagina e del div position:fixed HTML e CSS 0
D Problema con sovrapposizione DIV HTML e CSS 2
P Problema con hover div jQuery 2
asevenx Problema Dreamweaver "impossibile individuare i file correlati dinamicamente..." e con i <div> HTML e CSS 1
U Problema java con <div> Javascript 0
N problema con div width: 100% HTML e CSS 0
D problema div con internt explorer HTML e CSS 10
N [PHP+HTML+CSS] Problema con un div HTML e CSS 6
Nik Posizionare un div (contenente una tabella) al centro, problema con mozilla HTML e CSS 0
Freshtaste Problema con il background dei div HTML e CSS 5
F [CSS] Problema con IE e div fixed HTML e CSS 2
M Problema con Try Catch PHP 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
T problema con select dinamica con jquery Javascript 0
S Problema con spazi bianchi HTML e CSS 5
A PROBLEMA: insert mysqli con dati Tagsinput Presentati al Forum 0
Tommy03 Problema con z-index HTML e CSS 3
M Problema inserimento parole con apostrofo nel db PHP 5
C Problema con dati meteo xml XML 1
S Problema con infrarossi videocamera IP Cam e Videosorveglianza 1
V Problema con librerie allegro5 c++ C/C++ 1
M Problema con php per calcolo costo percentuale PHP 7
S Problema con mysqli_num_rows PHP 18

Discussioni simili