[X] Помощник

[scanread Topic Starter]

Приветствую.

Прошу помочь переделать квери скрипт вида:

$(document).ready(function(){
        $("#select input[type='checkbox']").click(function(){                        
            $('#table td:nth-child('+$(this).val()+')').toggle("show");
        });    
        $("#select input[type='checkbox']").first().trigger("click");
    });

Здесь пример в онлайне:

http://jsfiddle.net/JdNsY/

Данный скрипт показывает/скрывает столбцы таблицы. По умолчанию первый столбец таблицы выделен и отображается, остальные скрыты. Подскажите, пожалуйста, как сделать так, чтобы были выделены все чекбоксы и отображалось содержимое всех столбцов в начальном виде.

И еще вопрос, как прикрутить к этому еще один чекбокс, который активирует все чекбоксы, и наоборот?

Прикручивал стандартное выделение всех чекбоксов - выделение само работает, а вот не отображает то, что скрыто скриптом выше.

Заранее благодарю.

Сообщение отредактировал scanread - 21.4.2013, 21:38

[tszyan]

Простейший вариант, заменить:

$("#select input[type='checkbox']").first().trigger("click");

на

$("#select input[type='checkbox']").trigger("click");

UPDATE:
http://jsfiddle.net/F6VXy/1/

[scanread Topic Starter]

tszyan, спасибо. Остался вопрос, возможно это сделать с помощью toggle?

[tszyan]

scanread,
Не советую использовать toggle.
Тогда лучше addClass и removeClass, если нужно задействовать стили.
toggle путаницу вносит и все усложняет. Вот, например, у Вас включено/выключено 2 из 3 чекбоксов, вы из такого состояния тоглом в одну строчку их все не включите/выключите.

Вас интересует анимация - укажите в качестве первого параметра ее длительность для функций show и hide.
Пример с анимацией:
http://jsfiddle.net/F6VXy/2/

Сообщение отредактировал tszyan - 21.4.2013, 22:30

[scanread Topic Starter]

tszyan, ок, понял, благодарю. Будем знать.

[aletan]

scanread, пиши в личку - помогу

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.