|
|||
jQuery .hover + .css('visibility', 'visible')
hallo,
ich möchte das class="dragboxnav" ausgeblendet ist und wenn man über H2 oder H3, wo die Navi angeordnet ist, drüberfährt .hover eingeblendet wird. Leider funzt es so nicht? Code:
$(function() { $('.dragbox, .infobox').each(function() { $(this).find('h2, h3').hover(function () { $(this).css('cursor', 'move'); }, function () { $(this).css('cursor', ''); }) .find('li').hover(function () { $(this).css('cursor', 'pointer'); }, function () { $(this).css('cursor', ''); }) .find('h2, h3').hover(function () { $(this).find('.dragboxnav').css('visibility', 'visible'); }, function () { $(this).find('.dragboxnav').css('visibility', 'hidden') }) /* .click(function() { $(this).siblings('.dragbox_content').animate({ opacity: 'toggle', height: 'toggle' }, 300, 'swing'); }) */ .end() .find('.dragboxnav').css('visibility', 'visible'); }); }); HTML-Code:
<article id="einsd" class="dragbox"> <header> <h2>Headline <nav class="dragboxnav"> <ul> <li class="toggle">zuklappen</li> <li class="close">schließen</li> </ul> </nav> </h2> </header> <section class="dragbox_content">Inhalt</section> </article> ------ <article id="einsi" class="infobox"> <header> <h3>Headline <nav class="dragboxnav"> <ul> <li class="toggle">zuklappen</li> <li class="close">schließen</li> </ul> </nav> </h3> </header> <dl> <dt>Subheadline</dt> <dd><a href="#">Link</a></dd> </dl> </article> |
Sponsored Links |
|
||||
Hier mal wie es funktioniert :P
Code:
$(function(){ $('.dragboxnav').css('display','none') $('h2, h3').hover(function(){ $(this).find('.dragboxnav').css('display','block'); },function(){ $(this).find('.dragboxnav').css('display','none'); }); });
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
jQuery - verschachtelte website | Illuminu | Javascript & Ajax | 9 | 19.10.2009 03:38 |
Hover Problem bei JQuery | charlie | Javascript & Ajax | 2 | 03.01.2009 08:01 |
JQuery + Wordpress | VoinG | Javascript & Ajax | 0 | 29.12.2008 17:03 |
Suckerfish mit JQuery | dayscott | Javascript & Ajax | 1 | 22.10.2007 17:22 |
hovereffekt in IE nicht sichtbar | xtra6y | CSS | 2 | 31.08.2006 18:43 |