Birkaç gün önce, ben katlama div ([link text] [div kat-açılmak]) ile ilgili bir soru sordu. Yanıt benim kodlama çaba iyi bir ilerleme yapmak için izin var. Ancak, benim gereksinimleri değişti.
Tüm bu web malzeme ile bir acemi olmak, olsa bir tablo ve tablo başlıkları ile divs sarma kolay olacağını söyledi. Çocuk, yanılmışım.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Animate my Div</title>
<style type="text/css" media="screen">
a {text-decoration: none; color: black; }
#expand {background-color: #fff;}
.description {display: none; }
.entry {margin: 0; padding: 0px;}
</style>
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".entry a").click(function() {
$(this).parents('.entry').find('.description').slideToggle(1000);
});
});
</script>
</head>
<body>
<?php
$con = mysql_connect("korg", "joe", "bob");
if (!$con) {
die('Could not connect: ' . mysql_error());
}
mysql_select_db("wfr11", $con);
$result = mysql_query("
select title,description from webcases");
?>
<table border="1">
<thead>
<tr>
<th>title</th>
</tr>
</thead>
<?php
while ($row = mysql_fetch_array($result)) {
?><div class="entry"><tr>
<td>
<a href="#expand"><?php echo htmlentities($row['title']); ?></a>
<div class="description"><?php echo htmlentities($row['description']); ?></div>
</td>
</tr></div>
<?php
}
mysql_close($con);
?>
</table>
</body>
</html>
Şimdi, bir bilet başlığı bir tıklama çalışmıyor. Bir başlığı tıklayın ve açıklama yaşanıyor: Ben tablo için tüm kodu kaldırmak, iyi çalışıyor
Ben (genişletmek ve açıklama) benim tabloya, doğru benim div kat etmek gerekir? Ne eksik?