Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Как грамотно прописать существующий скрипт в тройном использовании? (https://javascript.ru/forum/xhtml-html-css/67016-kak-gramotno-propisat-sushhestvuyushhijj-skript-v-trojjnom-ispolzovanii.html)

JAMLIGHT 23.01.2017 15:38

Как грамотно прописать существующий скрипт в тройном использовании?
 
Нашёл ,значит, подходящий скрипт для скрытия строк таблицы :
<table border="1">
  <tr class="spoil">
    <td>можно</td>
    <td>развернуть</td>
  </tr>
  <tr class="hide">
    <td>скрытые</td>
    <td>строки</td>
  </tr>
  <tr class="hide">
    <td>скрытые</td>
    <td>строки</td>
  </tr>
</table>


$(function(){
$('.spoil').click(function(){
$('.hide').toggle();
})
})


[style]
table {
width:600px;
border:1px;
}
.hide {
display:none;
}
[/style]

Использовал,значит, данный код для скрытия строк по разделам таблицы -что то вроде фильтра, однако применил его к 5ти разделам -раскопипастил на 5 аналогичных скриптов с указанием порядковых номеров для классов spoil, hide в каждом скрываемом разделе( в первом скрипт с классами spoil1,hide1 ,во втором-spoil2,hide2 и т.д.). Наверно это ,как говорится,не по фэншую, поэтому вопрос-как прописать один единый код скрипта для 5ти(или более) пар классов?

ksa 23.01.2017 16:51

Цитата:

Сообщение от JAMLIGHT
поэтому вопрос-как прописать один единый код скрипта для 5ти(или более) пар классов?

Нужно знать некую закономерность для определения "зоны действия" для скрытия и показа соответствующих элементов.
А ты про это еще не рассказал. И пример для этого не сделал... :no:

рони 23.01.2017 17:02

:-?
Цитата:

Сообщение от JAMLIGHT
$(this).nextAll('.hide').toggle();


JAMLIGHT 07.02.2017 21:38

Тут получается у вас что скрываемые строками являются все те hide которые прописаны после кликнутого spoil(nextAll), тоесть первый открывает все, второй все кроме первого , третий все-кроме первого и второго и тд. А как скрывать spoil1-hide1,spoil2-hide2 и тд?

рони 07.02.2017 21:46

JAMLIGHT,
не осилил но скорее всего вам нужно
форум поиск открывашка

JAMLIGHT 07.02.2017 22:03

просто скрипт нужен подобный но немного другой.типа фильтр строк

рони 07.02.2017 22:10

JAMLIGHT,
делайте макет и описание ...
фильтраций для таблиц тоже много на форуме

JAMLIGHT 07.02.2017 22:17

я полагаю должен быть аналогичный простой скрипт только с переменной для классов spoil и hide соответственно. макет я дал вполне рабочий правда с раскопированным скриптом для каждой пары классов

рони 07.02.2017 22:19

Цитата:

Сообщение от JAMLIGHT
с переменной для классов spoil и hide соответственно

Цитата:

Сообщение от рони
форум поиск открывашка

300 и более вариантов

рони 07.02.2017 22:22

JAMLIGHT,
когда надоест перебрать варианты сделайте макет
Цитата:

Сообщение от ksa
Нужно знать некую закономерность для определения "зоны действия" для скрытия и показа соответствующих элементов.



Часовой пояс GMT +3, время: 11:25.