Mam taki kodzik, który pokazuje ukryty paragraf po najechaniu na nagłówek:
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
<head>
<title>Strona z nieuporządkowaną listą</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<style type="text/css">
ul
{
list-style-type: none;
}
li.highlight
{
background: 000;
color: fff;
}
ul#lista li p
{
display: none;
}
</style>
<!-- dodanie jQuery do dokumentu -->
<script type="text/javascript" src="jquery.js"></script>
<!-- Nasz kod javascript: -->
<script type="text/javascript">
$(document).ready(
function()
{
$("ul#lista li").children("h2").hover( function() { $(this).next("p").toggle(); });
});
</script>
</head>
<body>
<ul id="lista">
<li><h2>Klik</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</p></li>
<li><h2>Klik</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</p></li>
<li><h2>Klik</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</p></li>
<li><h2>Klik</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</p></li>
</ul>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
<head>
<title>Strona z nieuporządkowaną listą</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<style type="text/css">
ul
{
list-style-type: none;
}
li.highlight
{
background: 000;
color: fff;
}
ul#lista li p
{
display: none;
}
</style>
<!-- dodanie jQuery do dokumentu -->
<script type="text/javascript" src="jquery.js"></script>
<!-- Nasz kod javascript: -->
<script type="text/javascript">
$(document).ready(
function()
{
$("ul#lista li").children("h2").hover( function() { $(this).next("p").toggle(); });
});
</script>
</head>
<body>
<ul id="lista">
<li><h2>Klik</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</p></li>
<li><h2>Klik</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</p></li>
<li><h2>Klik</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</p></li>
<li><h2>Klik</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</p></li>
</ul>
</body>
</html>
Chciałbym zrobić żeby po usunięciu linka z obiektu paragraw znowu się chował.
Proszę o pomoc