jQuery podmienianie tekstu

Forum PHP.pl > Forum > Po stronie przeglądarki

jQuery podmienianie tekstu

malin90 Zobacz profil	27.05.2013, 18:48:40 Post #1
Grupa: Zarejestrowani Postów: 55 Pomógł: 0 Dołączył: 5.01.2009 Ostrzeżenie: (0%)	Witam, chciałbym stworzyć na stronie coś w rodzaju szybkiego FAQ-u tzn. mam po lewej stronie okna listę najczęstrzych pytań a po prawej chciałbym wyświetlać dla nich odpowiedzi. Np: gość klika w pierwsze pytanie, po prawej stronie wyświetla sie odpowiedź dla pytania pierwszego, klikając w pytanie drugie powoduje zniknięcie odpowiedzi na pytanie pierwsze i wyświetlenie odpowiedzi dla pytania drugiego. Próbowałem kombinować z funkcją hide, show, toggle ale nie mogłem uzyskać satysfakcjonującego efektu... (IMG:style_emoticons/default/sad.gif) Bardzo proszę o pomoc Pozdrawiam serdecznie Ok, już napisałem samo podmienianie, po drodze jednak wymyślałem aby skrypt sam przeskakiwał pomiędzy pytaniami co np. 10s jeżeli gość ich nie klika, no i oczywiście mam teraz problem jak to zrobić (IMG:style_emoticons/default/questionmark.gif) pokażę co mam: Kod <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script> <script type='text/javascript'>//<![CDATA[ $(window).load(function(){ $('.pytanie').on('click', function () { $(this).addClass('selected').siblings().removeClass('selected'); $('.odpowiedz').hide(); $('#div' + $(this).data('target')).show(); }); $('.pytanie').first().click(); }); </script> [HTML] pobierz, plaintext <body> <div class="buttons"> <a class="pytanie" data-target="1">pytanie 1</a> <a class="pytanie" data-target="2">pytanie 2</a> <a class="pytanie" data-target="3">pytanie 3</a> <a class="pytanie" data-target="4">pytanie 4</a> </div> <div id="div1" class="odpowiedz">Lorum Ipsum 1</div> <div id="div2" class="odpowiedz">Lorum Ipsum 2</div> <div id="div3" class="odpowiedz">Lorum Ipsum 3</div> <div id="div4" class="odpowiedz">Lorum Ipsum 4</div> </body> [HTML] pobierz, plaintext