Проблема с использованием toggleclass для изменения диапазона div

Question

Я использую Blueprint CSS Framework.У меня есть статья, охватывающая 24 столбца, но я пытаюсь использовать jquery toggleclass (onclick), чтобы уменьшить его до 20 столбцов и показать кнопки для действий в оставшихся 4 столбцах.поэтому я использую каждый.Но это не работает.

Я ценю любую помощь.

Answer 1

Этот код должен делать то, что вы после:

$("div").toggle(function() {
    $(this).attr("class", "span-24");
}, function() {
    $(this).attr("class", "span-20");
});

Answer 2

Вы можете привязать событие click ко всем элементам div без цикла each. Также вы можете использовать :gt() больше, чем селектор , а затем toggle() видимость этих промежутков

$("div").click(function() {
    $(this).find("span:gt(19)").toggle();
});

Answer 3

Вы также можете сделать это:

$("div").click(function() { $(this).toggleClass("span-20 span-24"); });

Answer 4

1. вы не хотите переключать классы на всех divs, которые у вас есть, а только один с содержимым

2. , вы даже можете упростить этот код еще:

   $ ('# toggler'). click (function () {$ ('# content'). toggleClass ('span-20 span-24');});

#toggler.click() - это только одно из событий, которые могут запускать toggleClass(), в вашем HTML это может быть загрузка или что-то еще:

$('#content').toggleClass('span-20 span-24'); //main code (and all of it, too)

пример: http://jsfiddle.net/hhMFs/1/