Skriptsprachen (PHP, Javascript, etc.) - Forum

Derzeit sind Sie als Gast in unserem Forum aktiv. Für das Schreiben registrieren Sie sich bitte. Unser Forum ist eine Austauschplattform für Webworker zum Kommunizieren, Helfen, Informieren und Hilfe finden. Auf der rechten Seiten finden Sie eine Forenübersicht über alle Bereiche des Webmaster-Forums. Unterhalb finden Sie alle aktuellen Themen.

Diskutieren Sie hier über die serverseitige Skriptsprachen PHP und Python und über dynamische Webseitenerstellung mit Javascript und Ajax.


finkenmann
Beiträge: 2

PN schreiben
Profil ansehen
User ist offline

jQuery: Fehler mit toggle

Link zur Antwort auf "jQuery: Fehler mit toggle" von finkenmann finkenmann, am Donnerstag den 29.07.2010 um 19:50:38

Hallo, vielleicht kann mir hier jemand helfen. Versuche mich grade an meinen ersten jQuery Scripts und stolpere hier immer wieder über kleine Probleme.

Auf der folgenden Seite wird, wenn man auf den Namen klickt weiterer Inhalt angezeigt. Die habe ich mit der folgenden Funktion definiert. Eigenartigerweise muss man aber immer zweimal klicken, bis das div geöffnet, bzw. wieder geschlossen wird. Kann mir jemand erklären wieso sich das so verhält? Ist hier toggle nicht der richtige Befehl? Wahrscheinlich ist das ganze Script ziemlich laienhaft, aber ich bin froh, dass ich mal eine Lösung zum laufen gebracht habe, die das macht, was sicher der Kunde gewünscht hat. Verbesserungstipps sind natürlich willkommen. ;-)

Hier der Code, den ich dafür geschrieben habe.

 
JavaScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
$(document).ready(function() {


  /* ========== Team Imagehandling ========== */  
  
  // Alle team-active Divs ausblenden

  $('.team-active').hide();
  $('.slidebox .view-team img').addClass('faden');
  
  // Zusatzinfo einblenden (nach dem Namen)
  $('.teamname').click(function(){
    $(this).toggle(
      function() {
        $(this).children().show();  
      },
      function() {
        $(this).children().hide();
      }
    );
  });
  
  
  
  // Mouseover Name: Nicht aktive Bilder ausblenden
  
  $('.teamname').hover(
    function(){
      var name_id = $(this).attr('id');
      $(this).addClass('name-aktiv');          
      $('.slidebox .view-team .'+name_id+' img').removeClass('faden');
      $('.faden').stop().fadeTo('fast',0.15);
    },
    function(){
      var name_id = $(this).attr('id');
      $(this).removeClass('name-aktiv'); 
      $('.slidebox .view-team .'+name_id+' img').addClass('faden');
      $('.faden').stop().fadeTo('fast',1);
    }
  );

  
  // Mouseover Bild: Nicht aktive Bilder ausblenden
  
  $('.teambild').hover(
    function(){
      var bild_id = $(this).children().attr('class');
      $('.slidebox .view-team .'+bild_id+' img').removeClass('faden');
      $('#' + bild_id).addClass('name-aktiv');
      $('.faden').stop().fadeTo('fast',0.15);
    },
    function(){
      var bild_id = $(this).children().attr('class');
      $('.slidebox .view-team .'+bild_id+' img').addClass('faden');
      $('#' + bild_id).removeClass('name-aktiv');
      $('.faden').stop().fadeTo('fast',1);
    }
  );
    
});

Freu mich über Hilfe.
Pierre