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.
<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>
$("div").hide(); $(this).show();
Nie wiem dlaczego, ale chowa mi wszystkie divy ; /
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
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)