Forum PHP.pl > [inne][HTML][JavaScript]Przycisk "czytaj więcej"

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [inne][HTML][JavaScript]Przycisk "czytaj więcej"

-Adamper-

4.12.2013, 22:13:03

Jak w temacie mam problem ze skryptem rozwijania i zwijania. Działa on tylko jednorazowo mogę rozwinąć ale potem już zwinąć ponownie nie idzie. Pomocy!

[HTML] pobierz, plaintext 
<div class="news_more">
<p>Pellentesque magna augue, placerat sed mollis sit amet, dapibus ac libero. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vitae erat justo. Donec in dolor mollis, convallis lacus vel, gravida ligula. Vivamus sem metus, aliquet ut tempor vitae, mollis at velit. Pellentesque ornare adipiscing magna, vel scelerisque felis ullamcorper quis. Aenean viverra vitae nunc at accumsan. Nulla suscipit, dui vel fermentum sodales, purus leo bibendum libero, eget tempor est erat vitae nibh. Vivamus sem metus, aliquet ut tempor vitae, mollis at velit. Pellentesque ornare adipiscing magna, vel scelerisque felis ullamcorper quis. Aenean viverra vitae nunc at accumsan. Nulla suscipit, dui vel fermentum sodales, purus leo bibendum libero, eget tempor est erat vitae nibh. Vivamus sem metus, aliquet ut tempor vitae, mollis at velit. Pellentesque ornare adipiscing magna, vel scelerisque felis ullamcorper quis. Aenean viverra vitae nunc at accumsan. Nulla suscipit, dui vel fermentum sodales, purus leo bibendum libero, eget tempor est erat vitae nibh.</p>
<input class="czytaj" type="button" value="Czytaj więcej" />
</div>
[HTML] pobierz, plaintext

jQuery:

$(document).ready(function(){

$('.czytaj').parent().attr('class', 'news_less');

$('.czytaj').click(function(){
$(this).parent().attr('class', 'news_more');
$(this).val('Zwiń').attr('class', 'zwin');
});

$('.zwin').click(function(){
$(this).parent().attr('class', 'news_less');
$(this).val('Czytaj więcej').attr('class', 'czytaj');
});

});

Turson

4.12.2013, 23:15:07

http://viralpatel.net/blogs/dynamically-sh...re-link-jquery/

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.