قائمة تحتوي تصنيفات رئيسية و قائمة تحتوي تصنيفات فرعية
التصنيفات الفرعية موجودة ضمن عنصر div مخفي و اريد عن طريق الجافا سكريبت اظهاره عن النقر على التصنيف الاساسي
الكود بسيط و لكنه لا يعمل أرجو أن تتطلعو على الكود و تجربوه
كود PHP:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>company name</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/pngfix.js"></script>
<script type="text/javascript">
function dosec( n ) {
window.alert(n);
if (n.style.display=="none") {
n.style.display="";
}
else{
n.style.display="none";
window.alert(n);
}
}
</script>
</head>
<body>
<table style="width: 100%; float: right" dir="rtl" align="right" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;height: 226px">
<tr>
<td style="height: 187px; background-image: url('images/headar_bg1.gif');">
<img alt="" src="images/logo.gif" width="191" height="187" style="float: left" />
<img alt="" src="images/logo1.gif" width="510" height="187" style="float: right" />
</td>
</tr>
<tr>
<td style="border-width: 0; height: 39px; background-image: url('images/headar_bg2.gif'); white-space: nowrap;" valign="top">
<img alt="" src="images/headar_03.gif" width="18" height="39" style="float: left" />
<img alt="" src="images/headar_07.gif" width="123" height="39" style="float: right" />
<p class="marq">
<marquee align="right" direction="right" scrollamount="5" style="font-family: Tahoma; font-size: 13px;text-align: right;" />
يبلتنمسيبل يسبنلتسيب لسنيبتل سيبلنمتسيبل خت :: يلتنيبالمتنيب يبمنكلتيب لنمك :: </marquee></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width: 160px" valign="top" class="menu">
<table style="width: 100%; float: right; background-color: #F3F3F5" dir="rtl" cellspacing="1" align="center" cellpadding="4">
<tr>
<td>
<img alt="arrow" src="images/2a.gif" width="12" height="14" />
<a href="index.php">الصفحة الرئيسية</a>
</td>
</tr>
<tr>
<td>
<img alt="arrow" src="images/2a.gif" width="12" height="14" />
<a href="news.php">الأخبار</a>
</td>
</tr>
<tr>
<td>
<img alt="arrow" src="images/2a.gif" width="12" height="14" />
المنتجات
</td>
</tr>
<tr>
<td>
<img alt="arrow" src="images/1a.gif" />
<span onclick="dosec('sec1');">بودرة</span>
<br /><div id="sec1" style="display: none" >
<table style="width: 100%; float: right; background-color: #F3F3F5" dir="rtl" cellspacing="1" align="center" cellpadding="4"><tr>
<td>
<img alt="arrow" src="images/3a.gif" />
<a href="cat.php?id=3">البقر</a>
</td>
</tr><tr>
<td>
<img alt="arrow" src="images/3a.gif" />
<a href="cat.php?id=4">الماعز</a>
</td>
</tr></table></div></td></tr><tr>
<td>
<img alt="arrow" src="images/1a.gif" />
<span onclick="dosec('sec2');">الأبر</span>
<br /><div id="sec2" style="display: none" >
<table style="width: 100%; float: right; background-color: #F3F3F5" dir="rtl" cellspacing="1" align="center" cellpadding="4"><tr>
<td>
<img alt="arrow" src="images/3a.gif" />
<a href="cat.php?id=5">SD[لسيب</a>
</td>
</tr></table></div></td></tr>
<tr>
<td>
<img alt="arrow" src="images/2a.gif" width="12" height="14" />
اتصل بنا
</td>
</tr>
</table>
</td>
<td class="content" valign="top"><br />
<p style="direction: rtl; text-align: center"><strong>
<span lang="ar-sy"> نص عام</span></strong></p>
<p style="direction: rtl; text-align: center"><strong>
<br />
وترافقاً مع هذا التطور في الإنتاج فقد قامت الشركة بتطوير مخابر الرقابة
الكيميائية والفيزيائية والجرثومية لتصبح قادرة على أداء وظائفها الرقابية
والعمل على تطوير البحوث العلمية ودراسة الثبات للمستحضرات والمشاركات
الدوائية .<br />
<br />
وترافقاً مع هذا التطور في الإنتاج فقد قامت الشركة بتطوير مخابر الرقابة
الكيميائية والفيزيائية والجرثومية لتصبح قادرة على أداء وظائفها الرقابية
والعمل على تطوير البحوث العلمية ودراسة الثبات للمستحضرات والمشاركات
الدوائية .<br />
<br />
وترافقاً مع هذا التطور في الإنتاج فقد قامت الشركة بتطوير مخابر الرقابة
الكيميائية والفيزيائية والجرثومية لتصبح قادرة على أداء وظائفها الرقابية
والعمل على تطوير البحوث العلمية ودراسة الثبات للمستحضرات والمشاركات
الدوائية .<br />
<br />
وترافقاً مع هذا التطور في الإنتاج فقد قامت الشركة بتطوير مخابر الرقابة
الكيميائية والفيزيائية والجرثومية لتصبح قادرة على أداء وظائفها الرقابية
والعمل على تطوير البحوث العلمية ودراسة الثبات للمستحضرات والمشاركات
الدوائية .</strong></p>
<p style="direction: rtl; text-align: center"><strong>
<br />
وترافقاً مع هذا التطور في الإنتاج فقد قامت الشركة بتطوير مخابر الرقابة
الكيميائية والفيزيائية والجرثومية لتصبح قادرة على أداء وظائفها الرقابية
والعمل على تطوير البحوث العلمية ودراسة الثبات للمستحضرات والمشاركات
الدوائية .</strong></p>
<td style="width: 5px; background-color: #FD4319;">
</td>
</tr>
<tr>
<td colspan="3" style="height: 81px; background-image: url('images/footerbg.gif');">
<img alt="الفيحاء" src="images/footer_l.gif" height="81" style="float: left" />
<img alt="الفيحاء" src="images/footer_r" height="81" style="float: right" />
</td>
</tr>
</table>
</body>
</html>