با سلام
من میخوام یک لیست کشویی درست کنم که با انتخاب هر گزینه ، یک جدول باز بشه که به صورت دستی محتواش رو وارد کردم رو نشون بده . تقریبا یه چیزی مثل زمان بازیهای سایت ورزش 3 . ( تصویر ضمیمه شده از چیزی رو که میخوام رو هم قرار دادم )
از کد زیر هم اضافه کردم ، اما متاسفانه جدول رو نشون نمیده و فقط نوشته ها میاد .
من میخوام یک لیست کشویی درست کنم که با انتخاب هر گزینه ، یک جدول باز بشه که به صورت دستی محتواش رو وارد کردم رو نشون بده . تقریبا یه چیزی مثل زمان بازیهای سایت ورزش 3 . ( تصویر ضمیمه شده از چیزی رو که میخوام رو هم قرار دادم )
از کد زیر هم اضافه کردم ، اما متاسفانه جدول رو نشون نمیده و فقط نوشته ها میاد .
کد:
<p>
[tabs][tab title="لیگ برتر"]
</p>
<p>
<center>
<ul id="prophlist" style="display:none;">
<li>
<!-- هفته اول -->
<table border="1" cellpadding="1" cellspacing="1" style="width: 100%;">
<tbody>
<tr>
<td colspan="4" style="text-align: center; background-color: rgb(23, 54, 93);">
<span style="font-family:tahoma,geneva,sans-serif;"><span style="color:#FFFFFF;">جمعه 8 آذر </span></span>
</td>
</tr>
<tr>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">کشاورز علی آباد</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">3 - 2</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">پاس گرگان</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">14 : 00</span>
</td>
</tr>
<tr>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">شاهین بندرگز</span>
</td>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">1 - 1</span>
</td>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">امید گلستان</span>
</td>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">14 : 00</span>
</td>
</tr>
<tr>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">استقلال بندرگز</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">0 - 2</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">شهدای آق قلا</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">14 : 00</span>
</td>
</tr>
<tr>
<td colspan="4" style="text-align: center; background-color: rgb(23, 54, 93);">
<span style="font-family:tahoma,geneva,sans-serif;"><span style="color:#FFFFFF;">سه شنبه 3 دی</span></span>
</td>
</tr>
<tr>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">همت گنبد</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;"><span style="color:#FF0000;">تعویق</span></span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">استقلال خان ببین</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">14 : 00</span>
</td>
</tr>
</tbody>
</table>
<!-- اتمام جدول هفته اول -->
</li>
<li>Prophecy 2 text</li>
<li>Prophecy 3 text</li>
<li>Prophecy 4 text</li>
<li>
<!-- هفته پنجم -->
<table border="1" cellpadding="1" cellspacing="1" style="width: 100%;">
<tbody>
<tr>
<td colspan="4" style="text-align: center; background-color: rgb(23, 54, 93);">
<span style="font-family:tahoma,geneva,sans-serif;"><strong><span style="color:#FFFFFF;">جمعه 6 دی ماه</span></strong></span>
</td>
</tr>
<tr>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">امید گلستان </span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">- - -</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">کشاورز علی آباد</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">14:00</span>
</td>
</tr>
<tr>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">شاهین بندرگز</span>
</td>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">- - -</span>
</td>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">استقلال بندرگز</span>
</td>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">14:00</span>
</td>
</tr>
<tr>
<td colspan="4" style="text-align: center; background-color: rgb(23, 54, 93);">
<span style="font-family:tahoma,geneva,sans-serif;"><strong><span style="color:#FFFFFF;">شنبه 7 دی ماه</span></strong></span>
</td>
</tr>
<tr>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">استقلال خان ببین</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">- - -</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">شهدای آق قلا</span>
</td>
<td style="text-align: center;">
<span style="font-family:tahoma,geneva,sans-serif;">14:00</span>
</td>
</tr>
<tr>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">همت گنبد</span>
</td>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">- - -</span>
</td>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">پاس گرگان</span>
</td>
<td style="text-align: center; background-color: rgb(235, 235, 235);">
<span style="font-family:tahoma,geneva,sans-serif;">14:00</span>
</td>
</tr>
</tbody>
</table>
<!-- اتمام جدول هفته پنجم -->
</li>
</ul>
<select id="choose">
<option value="1">هفته 1</option>
<option value="2">هفته 2</option>
<option value="3">هفته 3</option>
<option value="4">هفته 4</option>
<option value="5">هفته 5</option>
</select>
<div id="update"></div>
<script>
jQuery(document).ready(function($) {
$('#choose').change(function(event) {
a = $('#choose').val();
a = $('ul#prophlist li:nth-child('+a+')').text();
$('#update').html(a);
});
}); </script>
</center>
<p>
[/tab] [tab title="لیگ یک (الف) "]هنوز آماده نشده است ![/tab] [tab title="لیگ یک (ب)"]هنوز آماده نشده است ![/tab][/tabs]
</p>
You must be registered for see images attach