Member 13898220 Ответов: 2

Я не могу спрятать этот стол


у меня есть код для таблицы show and hide,но я хочу скрыть его, потому что это ответ для студента

Что я уже пробовал:

<!DOCTYPE html>
<head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
   $(document).ready(function() {
    //To hide the table
     $(".hidetable").click(function () {
     $(".table_bg").hide("fast")
   });
    //To show the table
     $(".showtable").click(function () {
     $(".table_bg").show(2000);
   });    
   //To hide ODD rows
     $(".hideoddrows").click(function () {
     $(".table_bg  tr:odd").hide("slow")
   });
    //To show ODD rows
     $(".showoddrows").click(function () {
     $(".table_bg  tr:odd").show(1000)
   });  
   
});
</script>



<style>
.table_bg {
  width:40%;
  font-family:verdana;
  font-size:15px;  
  color:#fff;
  padding: 10px;
  text-align:center;
}
.table_bg th{
    background: #0780BA;

    color: #fff;
    line-height:35px;
  }
.table_bg td{
    background: #99DBFB;    
    padding:10px;

    color: #000;
  }  
</style>
</head>

<body>
  
<h1>jQuery hide/show demo</h1>
<button class="hidetable">Hide Table</button>
<button class="showtable">Show Table</button>

</p>
<table class="table_bg">
    <tr>
  
     <th>Age</th>
     <th>Salary</th>
    </tr>
    <tr>
     <td>1</td>
     <td>Jim</td>
     
    </tr>
    <tr>
     <td>2</td>
     <td>Anna</td>
    
    </tr>
    <tr>
     
    </tr>        
</table>

</body>
</html>

[no name]

Я поместил ваш код в jsfiddle (http://jsfiddle.net/617qLwbg/) и это, кажется, работает нормально? В чем же проблема?

ZurdoDev

Что же происходит?

j snooze

Если Таддеус говорит, что ваш код работает нормально, а вы не согласны, попробуйте очистить временные интернет-файлы. Я ударился головой о Многие столы, задаваясь вопросом, почему мои изменения javascript не приняли, только чтобы понять, что страница была кэширована.

2 Ответов

Рейтинг:
12

Mohibur Rashid

Я думаю, что вы задали неправильный вопрос
Я думаю, вы хотите начать страницу со скрытой таблицы

Я предложу два решения.
1 добавьте стиль в таблицу

<TABLE style="display:none">


2. Добавить еще одно высказывание в $(документ).готовый()
$(document).ready(function() {
 $(".table_bg").hide();
...
}


Member 13898220

хорошо,но когда я добавляю еще одну таблицу на той же странице, она указывает на первую таблицу
мне нужна каждая таблица с ее кодом
могу ли я переименовать каждую таблицу по идентификатору?

Mohibur Rashid

дайте каждой таблице отдельный идентификатор.

Рейтинг:
1

Member 13898220

спасибо Вам за ваши усилия
это был хороший совет