Zmiana tekstu po kliknięciu myszką

0

Witam,

Mam taki kod:
<span class="edit_link1" >Edytuj</span>

$('.edit_link1').click(function(){
      
   	$(this).slideToggle(0,function (){
	   $(this).text("Edytuj")
		
	}, function(){
		$(this).text("Zapisz")
	});
});

 

Chcę uzyskać taki efekt:

Po naciśnięciu Edytuj pojawia mi się słowo zapisz, jak klikam w zapisz pojawia się edytuj i tak na zmianę.... Jak mogę osiągnąć taki efekt? bo już mi głowie wszystko się miesza :/

Nie kumam tego .toogle(), dałem to samo na if'ach i działa, ale chcę to przerobić... żeby nauczyć się działania toggle()

0

toggle() i slideToggle() służy do zupełnie czego innego.

http://api.jquery.com/slideToggle/ napisał(a)

.slideToggle( [duration ] [, easing ] [, complete ] )

duration (default: 400)
Type: Number or String
A string or number determining how long the animation will run.
easing (default: swing)
Type: String
A string indicating which easing function to use for the transition.
complete
Type: Function()
A function to call once the animation is complete.

proponuję przed używaniem metod czytać, do czego służą ;-)

0

$('.edit_link1').click(function(){

       $(this).slideToggle(0,function (){
       $(this).text("Edytuj")

    }, function(){
            $(this).text("Zapisz")
    });

});

Click
text=zapisz;
animacjaToogle {text=edytuj}
koniec animacja 0, wiec text=edytuj;

0

Plik index.html:

<div class="edytuj">Edycja</div>
<div class="zapisz">Zapisz</div>

plik ze skryptem jQuery:

$(document).ready(function(){
	$('.zapisz').hide();
	$('.edytuj').click(function(){
		$('.edytuj').hide();
		$('.zapisz').show();
	});
	
	$('.zapisz').click(function(){
		$('.zapisz').hide();
		$('.edytuj').show();
	});
});

Mam nadzieję, że pomogłem :)

0

Przyznam szczerze, że pomogłeś :) zrobiłem to samo na if'ach, może trochę, krócej jak Ty masz i przy użyciu tylko jednego div class="edycja", ale dzięki:) wolę takie odpowiedzi jak typu wczytaj się w manualn albo w google :p a czasem są takie sytuacje, że ciężko jest się wczytać, bo czas goni etc :) dzięki, jesteś równy gość :) Witam :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1