jQuery onclick addclass/removeclass und fügen fade

Den letzten drei Tagen habe ich auf der Suche nach einer Lösung für mein problem. Ich habe eine Menge Leute gesehen, mit die gleiche Frage wie ich haben, aber nicht eine Lösung behebt mein problem. So ich bin wieder wo ich angefangen habe und ich Frage Euch, für die Hilfe von Euch freundlichen Menschen!

Ich habe jetzt folgenden script ausführen, das funktioniert perfekt für mich:

$(".show_commentsandnotes_container").click(function () {
    $('.commentsandnotes_bg').addClass('show');
    $('.commentsandnotes_container').addClass('show');
});
$(".commentsandnotes_bg").click(function () {
    $('.commentsandnotes_bg').removeClass('show');
    $('.commentsandnotes_container').removeClass('show');
});

Das einzige, was ich nicht bekommen kann, zu arbeiten, ist das ein-und ausblenden von Elementen. Ich habe versucht, eine Menge der Lösung, wie Umschalter und ein - /ausblenden, aber das funktioniert für mich am besten. Das einzige, einfache Sache, die ich brauche, ist, dass fading ist, die dem Skript Hinzugefügt (1000 ms), kann ich einfach nicht arbeiten.

Kann mir jemand helfen? Vielen Dank im Voraus.

Tun Sie das ein-und ausblenden von Klassen bestimmen, die Eigenschaft display?
Ja, tut mir Leid. Die Klassen: commentsandnotes_container und .commentsandnotes_bg haben ein display: none. Und die Klasse .Karte hat ein display: block.
Werden Sie verwendet, für etwas anderes als die Eigenschaft display? sucha als in einem anderen Stück code?

InformationsquelleAutor Sodj | 2014-05-01

  1. 4
    $(".show_commentsandnotes_container").click(function () {
    $('.commentsandnotes_bg').fadeIn(1000, function() {
       $('.commentsandnotes_bg').addClass('show');
    });
    $('.commentsandnotes_container').fadeIn(1000, function() {
       $('.commentsandnotes_container').addClass('show');
    });
});
$(".commentsandnotes_bg").click(function () {
    $('.commentsandnotes_bg').fadeOut(1000, function() { 
       $('.commentsandnotes_bg').removeClass('show');
    });
    $('.commentsandnotes_container').fadeOut(1000, function() { 
       $('.commentsandnotes_container').removeClass('show'); 
    });
});

    Als eine Randnotiz, für komplexere Szenarien, eine kontrollierbarere alternative ist die Verwendung jQuery.animieren(). Nur sicher sein, wirklich, schauen Sie in die Dokumentation und wissen genau, was Sie wollen, bevor Sie Tauchen in. Es ist viel flexibler, aber nicht annähernd so einfach.

    Beispielsweise eine ungetestet version von Teil of der code provided in die Frage :

    $( "#show_commentsandnotes_container" ).click(function() {
  $("#commentsandnotes_bg" ).animate({
    opacity: 0.25,
    height: "toggle"
  }, 1000, function() {
     $("#commentsandnotes_bg").addClass("show");
  });
});
    WOW, vielen, vielen Dank! Das war so schnell, genau das, was ich gesucht habe! Dank dir habe ich endlich verstehen, wie es getan werden muss (nach drei Tagen versucht). Sie sir, ein wahrer gentleman 🙂
    Sie sind herzlich willkommen. ich traf das gleiche Problem ein paar mal, und kompliziert ist es so viel mehr auf der Suche nach dieser Antwort. 🙂 Ich bin froh, dass ich helfen konnte, jemand anderes mit einer Frage, die ich bereits kommen über

    InformationsquelleAutor Brett Weber

Schreibe einen Kommentar