jQuery if und else abfragen

Gehe zu Seite:

Geschlossen

Mi. 11.05.2011 12:17 Uhr #1

iVirus Mitglied

Registriert seit
28.07.2008

Beiträge
1.250

Beitragswertungen
Hey leute ich hab mir ein kleines jQuery-Script geschrieben in dem ein kasten eingeblendet wird wenn er ausgeblendet ist und ausgeblendet wird wenn er eingeblendet wird.
Leider wird er nur eingeblendet - das ausblenden will nicht so ganz hinhauen, sieht von euch jemand den fehler? für mich ist js,jQuery größten teils noch neuland.

danke

PS. ich weiß das es fadeToggle gibt, da das script noch nicht fertig ist sieht man es noch nicht - aber später soll es noch mehr machen und da ist Toggle fehl am platz.
```
<script>
  // Default Zustand 
  var ausgeblendet = true

$(".new").click(function(){
  // Wenn Ausgeblendet soll er einblenden
  if(ausgeblendet)
  {
    $("#new").fadeIn("slow",function(){ var ausgeblendet = false;});
  } 
  // Wenn Eingeblendet soll er ausblenden
  else
  {
    $("#new").fadeOut("slow",function(){ var ausgeblendet = true;});
  }
});
</script>
```
Zuletzt modifiziert von iVirus am 11.05.2011 - 12:27:44
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 11.05.2011 12:24 Uhr #2

oink Mitglied

Registriert seit
23.09.2010

Beiträge
740

Beitragswertungen

ja du hast ja auch die definition des states im eventafruf, somit ich bei jeden klick auf .new der ausgeblendet wert auf true.

before creation there must be destruction
1 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 11.05.2011 12:28 Uhr #3

iVirus Mitglied

Registriert seit
28.07.2008

Beiträge
1.250

Beitragswertungen

Zitat geschrieben von oink

ja du hast ja auch die definition des states im eventafruf, somit ich bei jeden klick auf .new der ausgeblendet wert auf true.

ohmann.. ja danke :/ geht aber leider immer noch nicht, was ich nicht verstehe da sonst alles passen sollte oO..
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 11.05.2011 12:31 Uhr #4

oink Mitglied

Registriert seit
23.09.2010

Beiträge
740

Beitragswertungen
außerdem wäre es sinnvoller einfach den css state des elements abzufragen anstatt eine variable den state handlen zulassen
```
var elm = $('#new');
if(elm.css('display') == 'none'){ [...] }else( [...] )
```
before creation there must be destruction
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 11.05.2011 12:39 Uhr #5

iVirus Mitglied

Registriert seit
28.07.2008

Beiträge
1.250

Beitragswertungen
oO also wie gesagt in js bin ich nicht so bewandert deswegen hab ich auch die .css funktion nicht gewusst,

also hinhaun tuts nicht - aber bin ich auf den richtigen weg?
```
<script>
var elm = $('#new');

$(".new")click(function(){  
  if(elm.css('display') == 'none')
  {
    $("#new").fadeIn("slow");
  }
  else
  {
    $("#new").fadeOut("slow");
  }
});
</script>
```
Zuletzt modifiziert von iVirus am 11.05.2011 - 12:43:04
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 11.05.2011 13:28 Uhr #6

oink Mitglied

Registriert seit
23.09.2010

Beiträge
740

Beitragswertungen

sicher sicher,

du musst nur bedenken das zur abfrage von styles mittels JS die abzufragende property als inline style hinterlegt ist da JS nicht herausfindet welcher style selektor gerade auf dein element einwirkt.

sprich dein <div id="new"> brauch noch ein style="display:none"

nur damit es einen initialwert hat, da fadeIn das element eh wieder auf block setzt und display:block selber im inline style hinterlegt. (imho & afaik)

before creation there must be destruction
1 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 11.05.2011 14:29 Uhr #7

dastiii Mitglied

Registriert seit
27.12.2005

Beiträge
2.354

Beitragswertungen

aah

Zuletzt modifiziert von DaStIaC am 11.05.2011 - 14:30:17

externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » jQuery if und else abfragen