Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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.
  1. <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
  2. <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
  3. <script type="text/javascript">
  4.  
  5. $(document).ready(
  6. function()
  7. {
  8.  
  9. $('div:not(.all)').toggle(
  10. function()
  11. {
  12. alert($(this).attr("id"));
  13. $(this).animate({
  14. height: "500",
  15. width: "500"
  16. }, 500);
  17. $('div').animate({
  18. height: 'toggle'
  19. }, 1000)
  20. },
  21. function()
  22. {
  23. $(this).animate({
  24. height: "200",
  25. width: "200"
  26. }, 500);
  27. });
  28.  
  29. });
  30. div.all
  31. {
  32. margin: 0 auto;
  33. width:400px;
  34. }
  35. div.one
  36. {
  37. background:red;
  38. height:200px;
  39. width:200px;
  40. float:left;
  41. }
  42.  
  43. div.two
  44. {
  45. background:green;
  46. height:200px;
  47. width:200px;
  48. float:right;
  49. }
  50. </head>
  51. <div class="all">
  52. <div class="one" id="1">1</div>
  53. <div class="two" id="2">2</div>
  54. <div class="one" id="3">3</div>
  55. <div class="two" id="4">4</div>
  56. </div>

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

Posty w temacie


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

 



RSS Wersja Lo-Fi Aktualny czas: 16.05.2024 - 09:14