Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Zwinięcie, zmiana zawartości i rozwinięcie

JS  Założony przez  Supryk.

14.04.2016, 19:21 (Ten post był ostatnio modyfikowany: 14.04.2016, 19:30 przez Szogi1910.)
#1
Chyba już dziś za dlugoo siedzę w kodzi bo nie mogę znaleźć rozwiązania, które pewnie jest banalne.

A więc tak, potrzebuje zwinąć element przy użyciu slideToggle('slow')
Później zamienić zwjany div replaceWith(editcomment)
i rozwinąć slideToggle('slow')

Czyli coś za zasadzie, co nie zgubi animacji

$("div#"+cid+".statusupdate_comment").slideToggle('slow');
                    $("div#"+cid+".statusupdate_comment").replaceWith(editcomment);
                    $("div#"+cid+".statusupdate_comment").slideToggle('slow');

Jakieś pomysły? druga wersja diva ta na którą zamieniam ma display: none, klasy i id zostają bez zmian
14.04.2016, 20:38 (Ten post był ostatnio modyfikowany: 14.04.2016, 20:44 przez NiespecjalnieUzdolniony.)
#2
Może warunek "jeżeli jest  styl display:none wykonaj $("div#"+cid+".statusupdate_comment").replaceWith(editcomment);"?

Druga propozycja, która nie wiem czy jest możliwa(nie testowałem).

if($("div#"+cid+".statusupdate_comment").slideToggle('slow')){

          $("div#"+cid+".statusupdate_comment").replaceWith(editcomment);
          $("div#"+cid+".statusupdate_comment").slideToggle('slow');
} 
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
14.04.2016, 21:18 (Ten post był ostatnio modyfikowany: 14.04.2016, 21:20 przez Supryk.)
#3
no niestety brak animacji chowania, dzięki za chęci :)
Musi poczekać aż skończy pierwszą zamienić i zacząc drugą
14.04.2016, 21:26 (Ten post był ostatnio modyfikowany: 14.04.2016, 21:35 przez Ardex.)
#4
Nie jestem pewny czy da się tak zrobić przy użyciu slideToggle. Wydaje mi się, że kiedy rozwiniemy diva, który zostanie zmieniony to wszelkie operacje, które zostały na nim wykonane zostają z zapomniane/skasowane, przez to funkcja slideToggle zapomina, że dokonała już rozwinięcia i zamiast zwinąć slideToggle probuje rozwinąć ten element. Nie prościej byłoby zmienić tylko zawartość elementu funkcją text() lub html() ?
14.04.2016, 21:45
#5
Hmm chyba dobrze kombinowalem.
http://stackoverflow.com/questions/17975...e-complete
Zobacz jako parametr mozna podac funkcje ktora wykona sie po animacji. Czy moze zle to zrozumialem?
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
14.04.2016, 21:51 (Ten post był ostatnio modyfikowany: 14.04.2016, 21:58 przez Supryk.)
#6
brawo bravissimo !!!
wygląda na to że funkcja jeszcze jakoś unikalnie rozróżnia dyivy

dzięki

(14.04.2016, 21:45)NiespecjalnieUzdolniony napisał(a): Zobacz jako parametr mozna podac funkcje ktora wykona sie po animacji. Czy moze zle to zrozumialem?


dobrze zrozumiales
15.04.2016, 07:42
#7
Jeśli chcesz zamienić tylko tekst w divie, to poniżej masz przykład.
https://jsfiddle.net/glover/kxx4g1k7/

Funkcja replaceWith(); zamienia całą zawartość wybranego selektora i przez to traci się "efekt animacji".
15.04.2016, 08:31 (Ten post był ostatnio modyfikowany: 15.04.2016, 10:27 przez Supryk.)
#8
(15.04.2016, 07:42)gloverek napisał(a): Jeśli chcesz zamienić tylko tekst w divie, to poniżej masz przykład.
https://jsfiddle.net/glover/kxx4g1k7/

Funkcja replaceWith(); zamienia całą zawartość wybranego selektora i przez to traci się "efekt animacji".
chcialem zamienic caly div
replaceWith() zamienia caly element, nie zawartosc

ostatecznie z replace dziala tez tak

$("div#"+cid+".statusupdate_comment").slideToggle("slow", function()
                    {
                        $("div#"+cid+".statusupdate_comment").replaceWith(editcomment);
                        $("div#"+cid+".statusupdate_comment").hide();
                        $("div#"+cid+".statusupdate_comment").slideToggle("slow");
                    });



Użytkownicy przeglądający ten wątek:

2 gości