Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JQUERY] Chowanie wszystkich oprócz klikniętego.
Monter08
post 18.12.2011, 12:04:05
Post #1





Grupa: Zarejestrowani
Postów: 237
Pomógł: 22
Dołączył: 16.09.2010
Skąd: Lubaczów

Ostrzeżenie: (0%)
-----

Witam!
Mam mały problem z animacją w jquery, mianowicie sprawa wygląda tak: mam 4 divy i dwa mają tą samą klasę i chciałbym aby jquery chował wszystkie divy oprócz this, próbowałem coś typu div:not(this), lecz to nie działa. Może ktoś z Was ma inny pomysł? Poniżej wstawiam kod źródłowy.
[HTML] pobierz, plaintext 
  1. <head>
  2. <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
  3. <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
  4. <script type="text/javascript">
  5.  
  6. $(document).ready(
  7.  function()
  8.  {
  9.  
  10. $('div:not(.all)').toggle(
  11. function()
  12. {
  13. alert($(this).attr("id"));
  14.   $(this).animate({
  15.   height: "500", 
  16.   width: "500"
  17.  }, 500);
  18.  $('div').animate({
  19.     height: 'toggle'
  20.   }, 1000)
  21. },
  22. function()
  23. {
  24.   $(this).animate({
  25.   height: "200",
  26.   width: "200"
  27.   }, 500);     
  28. });
  29.  
  30.  });
  31. </script>
  32. <style>
  33. div.all
  34. {
  35. margin: 0 auto;
  36. width:400px;
  37. }
  38. div.one
  39. {
  40. background:red;
  41. height:200px;
  42. width:200px;
  43. float:left;
  44. }
  45.  
  46. div.two
  47. {
  48. background:green;
  49. height:200px;
  50. width:200px;
  51. float:right;
  52. }
  53. </style>
  54. </head>
  55. <body>
  56. <div class="all">
  57. <div class="one" id="1">1</div>
  58. <div class="two" id="2">2</div>
  59. <div class="one" id="3">3</div>
  60. <div class="two" id="4">4</div>
  61. </div>
[HTML] pobierz, plaintext

Z góry dziękuje i pozdrawiam.

UPS, chyba pomyliłem działy, proszę o przeniesienie i przepraszam smile.gif

Ten post edytował Monter08 18.12.2011, 12:05:25
Go to the top of the page
+Quote Post
Shili
post 18.12.2011, 13:21:46
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. $("div").hide();
  2. $(this).show();
[HTML] pobierz, plaintext


Ten post edytował Shili 18.12.2011, 13:22:29
Go to the top of the page
+Quote Post
Monter08
post 18.12.2011, 13:35:09
Post #3





Grupa: Zarejestrowani
Postów: 237
Pomógł: 22
Dołączył: 16.09.2010
Skąd: Lubaczów

Ostrzeżenie: (0%)
-----

Nie wiem dlaczego, ale chowa mi wszystkie divy ; /
Go to the top of the page
+Quote Post
Shili
post 18.12.2011, 14:42:51
Post #4





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----

Który div to this?

Na razie chowa wszystkie, ponieważ podany przez mnie kod był kodem poglądowym. Mniej więcej jak się takie rzeczy robi smile.gif
Trzeba go dostosować do Twojej specyfiki, tzn. zapewne schować wszystkie divy w div.all, jak zgaduję.

http://jsfiddle.net/XNseK/

Oczywiście zamiast .hide() i .show() można dopisać jakiekolwiek inne funkcje, np. Twoje animate smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 27.04.2024 - 11:45
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn