Включить и выключить виджет аккордеона - PullRequest
Новая
       19

Включить и выключить виджет аккордеона

0 голосов
/ 22 сентября 2011

Я настраиваю разные CSS для трех основных медиа экранов, планшетов и смартфонов. У меня есть два списка, которые я хотел бы оставить как есть для экрана, но хотел бы, чтобы два списка стали виджетом аккордеона в режиме планшета.

Моя идея состояла в том, чтобы пойти дальше и поместить все в виджет. Размер, который я установил для представления планшета, включит сценарий jquery, а представление рабочего стола отключит сценарий, и содержимое будет просто отображаться в обычном виде

.

Так что, если файл SpryAccordion.js выглядит следующим образом: (У меня есть некоторый код actioncript, поэтому я понимаю операторы if / else, но не знаю, как их использовать в js) 

(function() { // BeginSpryComponent

if (typeof Spry == "undefined") window.Spry = {};
if (!Spry.Widget) Spry.Widget = {};

Spry.Widget.Accordion = function(element, opts) {
//all the spry code...//
};

})();

как бы мне обернуть это, чтобы включить и выключить виджет?

Или есть лучший способ сделать это? Я очень плохо знаком с JQuery. Мой другой вариант - иметь дублированный контент в Div и виджете и включать / выключать видимость каждого с помощью css.

Но это было бы не очень элегантно.

Пожалуйста, помогите.

1 Ответ

0 голосов
/ 09 ноября 2011

Мне кажется, я понимаю ваш вопрос.Таким образом, вы хотите иметь возможность включать и выключать аккордеон правильно?

Один из способов сделать это - просто определить Spry.Widget.Accordion внутри его собственной функции и вызывать его только тогда, когда вы хотитеаккордеон.

Это то, что вы искали?

...