Forum PHP.pl > [Java][HTML]Jak ukrywać divy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [Java][HTML]Jak ukrywać divy

-czuwaj-

18.12.2012, 01:53:06

Witam, mam pytanie odnośnie poniższego kodu a mianowicie kod działa, ale nie spełnia moich wymagań chodzi mi o to aby gdy klikne aby pokazać pierwszy div, pokazywał się pierwszy następnie, gdy klikne drugi div to chował by się pierwszy pokazywałby się drugi i tak na zmianę. Z góry dziękuje za pomoc!

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="pl" dir="ltr"><head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
 
$(document).ready(
  function()
  {
    $(".link").click(
    function()
    {
      $("#more").toggle();
    }).toggle(function()
    {
      $(this).text('schowaj'); }, function() { $(this).text("więcej");
    });
});
</script>
</head><body>
 
<div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque metus eros, rutrum at, hendrerit nec, posuere ac.<a href="#" class="link">więcej</a></p>
 
<p id="more" style="display: none;">Vivamus pretium fringilla metus. Praesent a enim eu metus scelerisque tincidunt. In auctor lorem et leo.</p>
</div>
 
<div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque metus eros, rutrum at, hendrerit nec, posuere ac.<a href="#" class="link">więcej</a></p>
 
<p id="more" style="display: none;">Vivamus pretium fringilla metus. Praesent a enim eu metus scelerisque tincidunt. In auctor lorem et leo.</p>
</div>
 
<div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque metus eros, rutrum at, hendrerit nec, posuere ac.<a href="#" class="link">więcej</a></p>
 
<p id="more" style="display: none;">Vivamus pretium fringilla metus. Praesent a enim eu metus scelerisque tincidunt. In auctor lorem et leo.</p>
</div>
 
</body></html>
[HTML] pobierz, plaintext

Gość

18.12.2012, 22:11:22

http://www.randomsnippets.com/2011/04/10/h...iv-with-jquery/
masz przyklad z 3

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.