Не открывать открытые ящики, пока не откроется крупный открытый ящик

Question

Я сейчас играю с JQuery Isotope.Мне это нравится, но это намного выше моих самых базовых знаний jQuery.Пока что с помощью других людей я постепенно добираюсь до своей конечной цели.Мой вопрос сегодня заключается в том, чтобы выяснить, можно ли сделать маленькие прямоугольники недоступными для щелчка до тех пор, пока большой открытый ящик не закроется - см. http://jsfiddle.net/djsbaker/gPuD9/

. Мой идеал состоял в том, чтобы каждый маленький ящик открывался в самом верху.и толкать все меньшие вниз.Это не похоже на то, что это возможно, поскольку после того, как пользователь нажимает на несколько полей, во второй строке выпадает поле большего размера.Обойти это можно было бы, если бы не открывать более мелкие боксы после открытия большего ... по крайней мере, я надеюсь.

Заранее спасибо.

DB

Answer 1

Попробуйте что-то вроде этого:

$(".element").click(function () {
    if ($(".element.large").not(this).length === 0) {
        $(this).toggleClass("large");
    }
}

Это говорит о том, что если есть элемент, в котором уже есть «большой» класс (не включая элемент, по которому щелкнули), то ничего не делать. В противном случае переключаем в настоящее время элементы кликаемого «большого» класса.

Тогда у вашего css будет стиль для "большого" класса, чтобы увеличить элемент.