Forum PHP.pl > [JQUERY] Chowanie wszystkich oprócz klikniętego.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JQUERY] Chowanie wszystkich oprócz klikniętego.

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 
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script 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);     
});
 
 });
</script>
<style>
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;
}
</style>
</head>
<body>
<div class="all">
<div class="one" id="1">1</div>
<div class="two" id="2">2</div>
<div class="one" id="3">3</div>
<div class="two" id="4">4</div>
</div>
[HTML] pobierz, plaintext

Z góry dziękuje i pozdrawiam.

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

Shili

18.12.2011, 13:21:46

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

Monter08

18.12.2011, 13:35:09

Nie wiem dlaczego, ale chowa mi wszystkie divy ; /

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

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.