Не работает правильная ошибка JQuery toggle ... Наверное, легко

Я работал сегодня и решил начать использовать JQUERY для создания таблицы переключения для поискового сайта ... но я буквально запустил javascript и jquery, как пару дней назад. Без таблицы она работает нормально, но когда я добавляю таблицу, она не переключает таблицу ... Я хочу, чтобы при нажатии на Поиск по фильтру для таблицы находился внизу, а затем при повторном нажатии на поиск по фильтру, чтобы скрыть таблица ... Любая помощь очень ценится. Вот код (у меня уже есть ссылка на jquery в голове)

<div class='filtermore'>
  <h4><a>Filter Search</a></h4>
  <p style="display: none" class='jquery'>

  <table border=0 width="875">
       <tbody>
          <tr>
             <td width="164"><strong>City</strong></td>
             <td width="176"><strong>Price</strong></td>
             <td width="160"><strong>Features</strong></td>
          </tr>
           <tr>
             <td><input type="checkbox"/> City 1</td>
             <td><input type="checkbox"/> Cheap</td>
             <td><input type="checkbox"/> Financing Available</td>
             <td width="357"><input type="checkbox"/> Good for kids</td>
          </tr>
           <tr>
             <td><input type="checkbox"/> City 2</td>
             <td><input type="checkbox"/> Moderate</td>
             <td><input type="checkbox"/> Smoking</td>
             <td><input type="checkbox"/> Accepts Credit Cards</td>
          </tr>
           <tr>
             <td><input type="checkbox"/> City 3</td>
             <td><input type="checkbox"/> Expensive</td>
             <td><input type="checkbox"/> Alcohol</td>
             <td><input type="checkbox"/> Delivery</td>
           </tr>
        </tbody>
     </table>
  </p>
<script>
$("h4").click(function () {
$(".jquery").toggle("slow");
});
</script>


</div>

javascript,jquery,web,

0

Ответов: 1


1 принят

Технически вы говорите переключателю тег <p>, а не таблицу. Хотя можно предположить, что таблица будет наследоваться от <p>, таблицы разбиваются и устаревшие и отображаются по-разному в каждом браузере, поэтому вы не можете рассчитывать на них, чтобы обратить внимание. Я бы добавил в таблицу идентификатор и вызвал бы его переключение, или использовал бы дочерний селектор в jQuery (который вы наверняка не узнаете на первой неделе), чтобы напрямую нацелить таблицу. Что-то вроде этого:

<table id="mytable">

$('#mytable').toggle('slow');

// or child selector method
$('.jquery table').toggle('slow'); 

// or another method, more advanced, but the same idea would be
$('.jquery :first-child').toggle('slow');
JavaScript, JQuery, веб,
Похожие вопросы