Forum PHP.pl > Jak zrobic dynamiczne 'schowaj', 'pokaz' w jQuery?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Jak zrobic dynamiczne 'schowaj', 'pokaz' w jQuery?

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

AndyPSV

19.02.2009, 19:44:09

http://www.fiddyp.co.uk/animated-div-slide/#
przyklad i demko tu

chodzi mi o to zeby stworzyc jeden przycisk ukrywajacy i pokazujacy (czyli tytul np. pytania); z ajaxem cos mi nie poszlo

jakies solucje ?

wookieb

19.02.2009, 19:45:33

http://docs.jquery.com/Effects Dział sliding

AndyPSV

19.02.2009, 20:18:03

moglbys podac gotowy przyklad, bo kompletnie nie wiem jak sie za to zabrac

<script>
$(document).ready(function(){

$(document.body).click(function(e) {
var id = jQuery.data(e.target);
$("span").text(id);
});

});
</script>

· <a href=#<% $r[$k][id] %> onclick="jQuery('#<% $r[$k][id] %>').slideDown(1000);"><% $r[$k][t] %></a>
<div id=<% $r[$k][id] %> style='display:none;'><div style='padding:3px;' /></div><code class=2><% $r[$k][text] %></code></div><div style='padding:3px;' /></div>

i ze co niby robie ?

prosilbym jednak gotowy przyklad

rozumiem ten przyklad: http://docs.jquery.com/Internals/jQuery.data
ale jak go zaimplementowac w petli ?

wookieb

19.02.2009, 20:27:13

No kurde stary. http://docs.jquery.com/Effects/slideToggle#speedcallback W dodatku w zakładce view source masz wszystko i jeszcze więcej.
Naprawdę nie przesadzaj. Pisze jak co i gdzie. Przejrzyj jeszcze dział http://docs.jquery.com/Selectors

AxZx

19.02.2009, 20:42:35

http://www.webdesignerwall.com/tutorials/j...-for-designers/

a tak w ogóle to w jquery jest funkcja toggle - tak najprościej.

wookieb

19.02.2009, 20:47:20

Cytat(AxZx @ 19.02.2009, 20:42:35 )

a tak w ogóle to w jquery jest funkcja toggle - tak najprościej.

A do czego wysłałem link?

AndyPSV

19.02.2009, 22:30:37

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
 
 
  <style>
  p { width:400px; }
  </style>
</head>
<body>
 
 <script>
  $(document).ready(function(){
 
    $("#id").click(function () {
      $("#1").slideToggle("slow");
    });
 
  });
  </script>
  <a href=# id=id>Toggle</a>
  <div id=1 style='display:none;'>
    This is the paragraph to end all paragraphs.  You
    should feel <em>lucky</em> to have seen such a paragraph in
    your life.  Congratulations!
  </div>
</body>
</html>
[HTML] pobierz, plaintext

teraz tylko przerobie ten przerobione przezen mnie skrypt i wtsawie do mego

AxZx

19.02.2009, 22:52:51

a nie prościej

Kod

$('#id').toggle('slow');

AndyPSV

21.02.2009, 17:33:36

mam id poprzypisywane id_2 id_3 powiedzmy (tylko same liczby sa)
jesli zastosuje id wszedzie jedno to wszystko bedzie rozwiniete, ale ja mam "normalnie" sie rozwijac + (PLUS) opcja ROZWIN wszystko

jak to zrobic ?

AxZx

22.02.2009, 10:28:14

[HTML] pobierz, plaintext 
<div class="box"></div>
 <div class="box"></div>
 <div class="box"></div>
 <div class="box"></div>
 
 <div id="guzik"></div>
[HTML] pobierz, plaintext

Kod

$('.box').toggle();
    $('#guzik').bind('click', function(){
    $('.box').toggle();
  });

EDIT:
poprawka

Kod

            $('.box4').bind('click', function(){
$(this).toggle();
});
   $('#guzik').bind('click', function(){
   $('.box4').toggle();
});

oczywiście tam w tym boxie musisz mieć jakiś element, w który będziesz klikać żeby rozwinąć cały box.
nie podaję Ci gotowego rozwiązania, żebyś sam mógł bawić się rozwijając ten kod:)

ps. kliknij Pomógł pod postem wookieb.

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.