Dynamiczne ukrywanie/pokazywanie DIV Opcje

[KoPcIu]

Witam, ostatnio zacząłem się bawić JS, stworzyłem prosta funkcje do ukrywania DIV:

Kod

function ukryj ()
{
  if (document.getElementById('ukryj').style.display == "none")
  {
    document.getElementById('ukryj').style.display='block';
  } else {
    document.getElementById('ukryj').style.display='none';
  }
}

Lecz ta funkcja nie spełnia w 100 % moich oczekiwań, ponieważ chciałbym aby DIV dynamicznie się chował i pokazywał.

Ma ktoś jakiś pomysł jak to stworzyć bądź zna jakieś przydatne linki?

Pozdrawiam!

Ten post edytował KoPcIu 24.07.2009, 13:12:48

[marcio]

Jak dobrze pamietam to mozesz to Zrobic w mintajax http://mintajax.pl/Przewodnik/Efekty/ funckja:mint.fx.Fade

[muniekw]

Albo coś w tym stylu:

Kod

<style type="text/css">
      <!--
      div.menu p { display: none; }
      -->
    </style>
    <div class="menu">
      <p id="cos0">Ble ble ble</p>
      <p id="cos1">Pierwsze menu - "menu 1"</p>
      <p id="cos2">Drugie menu -  "menu 2"</p>
      <p id="cos3">Trzecie menu - "menu 3"</p>
    </div>
    <a href="#" onclick="menu('cos1'); return false;">menu 1</a>
    <a href="#" onclick="menu('cos2'); return false;">menu 2</a>
    <a href="#" onclick="menu('cos3'); return false;">menu 3</a>
    <a href="#" onclick="menu('cos0'); return false;">wyczysc</a>

<script language="javascript" type="text/javascript">
<!--
function menu(element) {
  i = 0;
  while (e = document.getElementById("cos" + i++)) {
    e.style.display = "none";
  }
  document.getElementById(element).style.display = "inline";
}
menu('cos0');
// -->
</script>

Oczywiście musisz poddać ten kod lekkiej modyfikacji...

[dotangelo]

Ja polecam rozwiązanie jQuery:

Kod

$("#jakiesId").fadeOut("slow");