[TYPO3-german] jQuery Frage

[Michael Holzer]

Hallo zusammen,

 

ich hab ein kleines Problem das jetzt nicht direkt was mit TYPO3 zu tun hat.

 

Ich muss das aufklappen eines Dropdown Menüs verzögern bin aber was jQuery angeht ein totaler Laie.

Das Dropdown soll sich erst öffnen wenn man mit der Maus 500ms auf dem Oberpunkt verweilt.

 

Ich hab schon mit hoverIntent etc. rumprobiert aber gebracht hats dummerweise nix L

Evt. Hat ja einer nen Tipp für mich.

 

Hier wäre mal das CSS des Menüs und die Seite 

 

http://mp.df-kunde.de/municall_de/

 

/* general */
.dropdown, .menu-sub, .submenu {
  list-style:none;
}

#mainmenu { 
  /*background:url(../../images/background/menu.jpg) repeat-x;*/
  background:#0D64C6;
  width:950px;
  height:40px; 
  border:3px solid #d3d6db; 
  /*border-left:3px solid #d3d6db; 
  border-right:3px solid #d3d6db; */
  margin:13px 66px 10px 61px; 
  position:relative; 
  z-index:1000; 
}
#mainmenu .menu-item a {
  color:#fff; 

  letter-spacing:1px; 
  padding:3px 10px 0 15px;
}


/* first level */

.dropdown
{
  width:100%;
  position:relative;
}

.menu-item
{
  background:url(../../images/menu/separator.png) no-repeat right top;
  float:left;
  height:31px;
  line-height:30px;
  text-transform:uppercase; 
}

/*.menu-item>a
{
  display:inline-block;
  height:30px;
  padding:7px 20px 3px 25px !important;
  font-size:13px;
  font-weight:bold;
}*/

#mainmenu .menu-header {
  color:#fff;
  font-weight:bold;
  padding:5px 0 0 0;
}
#mainmenu .menu-item {
  display:inline-block;
  height:30px;
  padding:7px 10px 3px 10px !important;
  font-size:13px;
  font-weight:bold;
  color:#fff;
}
#mainmenu .menu-item:hover {

  background-color:#233459;
  cursor:default;
}

.menu-item:hover>a
{
  background-color:#233459;
  color:#fab62a;
}


/* second level */

.menu-sub
{
  background:url(../../images/background/bg_subnav.png);
  /*background:#233459;*/
  position:absolute;
  top:39px;
  left:0;
  width:100%;
}
.menu-sub a {
  text-transform:none;
  font-size:12px;
  font-weight:bold;
}
.menu-sub {
  display:none;
}
.menu-item:hover .menu-sub
{
  display:block;
}

.menu-sub-col
{
  float:left;
  width:210px;
  text-transform:none;
  border-right: 1px solid #35497a;
  min-height:320px;
}


.menu-sub-col>a
{
  display:block;
  /*background:#162138;*/
  margin:5px 2px;
}

.menu-sub-col>a:hover
{
  /*background-color:#162138;*/
  cursor:default;
}


/* third level */

.submenu
{
}

.submenu-item
{
  font-size:11px;
  line-height:20px !important;
}

.submenu-item>a
{
  font-size:11px;
  display:block;
  font-weight:normal;
}

.submenu-item>a:hover
{
  color:#295BC4 !important;
 /* background:#091738;*/
}


.js-dmenu-page {
  width:290px;
  color:#fff;
  padding:15px 10px 0 10px;
  line-height:15px;
  font-size:10px;
}
.js-dmenu-page p {
  margin-bottom:8px;
}
.js-dmenu-page h1 {
  font-size:12px;
}
.js-dmenu-page a {
  font-size:10px;
  margin:0;
  padding:0 !important;
  letter-spacing:0px !important;
  
}
/* page desc */

.dmenu-page
{
  float:left;
}

.page-data {
  display:none;
}

.page-title
{
}

.page-desc
{
  width:100%;
  line-height:1em;
  padding:8px 0 0 25px;
  color:#fff;
}

#mainmenu .page-link
{
  display:inline;
  font-size:1em;
  line-height:1em;
  letter-spacing:0;
  text-transform:none;
  margin:0;
  padding:0 0 0 25px;
  color:#fff;
  background:0;
  
}
#mainmenu .page-link:hover,
#mainmenu .page-link:focus
{
  text-decoration:underline;
}

/* Trenner */
.trenner {
  margin:10px 0 0 10px;
}

Mit freundlichen Grüßen

Michael Holzer
Webdesign / Flottensteuerung

MP-TELEKOMMUNIKATION GMBH
Telekommunikation - Medienagentur - Telematiksysteme

Puricellistraße 34
93049 Regensburg

Telefon   +49 (0) 941 29 86 19 - 0
Telefax   +49 (0) 941 29 86 19 - 20 
Web        www.mp-telekommunikation.de <http://www.mp-telekommunikation.de/> 
Mail         mh at mp-telekommunikation.de <mailto:mh at mp-telekommunikation.de> 

Folgen Sie uns auf Facebook. Wir freuen uns auf Sie!
www.facebook.com/mp.telekommunikation <http://www.facebook.com/mp.telekommunikation> 
Folgen Sie uns auf Twitter. Wir freuen uns auf Sie!
www.twitter.com/mp_tele <http://www.twitter.com/mp_tele> 

Registergericht Regensburg HRB 10239
Geschäftsführer: Armin Prommersberger
Umsatzsteuer ID-Nr: DE 249 436 976