Drukowana wersja tematu

Napisany przez: Monter08 18.12.2011, 12:04:05

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 
<http://december.com/html/4/element/head.html>
<http://december.com/html/4/element/meta.html http-equiv="Content-type" content="text/html;charset=UTF-8">
<http://december.com/html/4/element/script.html src="http://code.jquery.com/jquery-1.4.4.js"></http://december.com/html/4/element/script.html>
<http://december.com/html/4/element/script.html type="text/javascript">
 
$(document).ready(
 function()
 {
 
$('div:not(.all)').toggle(
function()
{
alert($(this).attr("id"));
  $(this).animate({
  height: "500", 
  width: "500"
 }, 500);
 $('div').animate({
    height: 'toggle'
  }, 1000)
},
function()
{
  $(this).animate({
  height: "200",
  width: "200"
  }, 500);     
});
 
 });
</http://december.com/html/4/element/script.html>
<http://december.com/html/4/element/style.html>
div.all
{
margin: 0 auto;
width:400px;
}
div.one
{
background:red;
height:200px;
width:200px;
float:left;
}
 
div.two
{
background:green;
height:200px;
width:200px;
float:right;
}
</http://december.com/html/4/element/style.html>
</http://december.com/html/4/element/head.html>
<http://december.com/html/4/element/body.html>
<http://december.com/html/4/element/div.html class="all">
<http://december.com/html/4/element/div.html class="one" id="1">1</http://december.com/html/4/element/div.html>
<http://december.com/html/4/element/div.html class="two" id="2">2</http://december.com/html/4/element/div.html>
<http://december.com/html/4/element/div.html class="one" id="3">3</http://december.com/html/4/element/div.html>
<http://december.com/html/4/element/div.html class="two" id="4">4</http://december.com/html/4/element/div.html>
</http://december.com/html/4/element/div.html>
[HTML] pobierz, plaintext 

Z góry dziękuje i pozdrawiam.

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

Napisany przez: Shili 18.12.2011, 13:21:46

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

Napisany przez: Monter08 18.12.2011, 13:35:09

Nie wiem dlaczego, ale chowa mi wszystkie divy ; /

Napisany przez: Shili 18.12.2011, 14:42:51

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
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