Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Prosty skrypt .toggle() - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Prosty skrypt .toggle() (/thread-prosty-skrypt-toggle)

Prosty skrypt .toggle() - jingels - 14-09-2012

Proszę o pomoc. Poniżej skrypt rozsuwania boxów po kliknięciu przycisku czytaj więcej. Potrzebuję dodać do skryptu funkcje .toggle aby po kliknięciu podmieniał się tekst czytaj więcej / zwiń ( .toggle).

Link do strony z funkcją: http://www.pawelskiba.ifirma.info/program.html


Kod:
function odpal(id){
(function($){
$('#opis-'+id).slideToggle();
})(jQuery);
}

Kod:
<div class="porgram-point-fade program-point">
                                <div id="opis-4">
                                <p>
                                Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
                                </p>
                                </div>
                                <div class="klik text" onclick="odpal(4)">czytaj więcej</div>
            </div>
<div class="porgram-point-fade program-point">
                                <div id="opis-4">
                                <p>
                                Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
                                </p>
                                </div>
                                <div class="klik text" onclick="odpal(4)">czytaj więcej</div>
            </div>


RE: Prosty skrypt .toggle() - jingels - 16-09-2012

Wielkie dzięki za odpowiedź. Natomiast program podświetla błąd składniowy w tym wierszu:

$.fn.odpal(id){

RE: Prosty skrypt .toggle() - jingels - 16-09-2012

Ok, wielkie dzięki. Będę próbował zmodyfikować ten skrypt.