zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden jQuery .hover + .css('visibility', 'visible')

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.12.2010, 22:12
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard 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>
Gruß GN
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.12.2010, 23:29
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.12.2010, 00:25
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

thanks, funzt...

Gruß GN
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:25 Uhr.