我正在为基本的三种媒体屏幕、平板电脑和智能手机设置不同的 CSS。我有一个两个列表，我想按原样保留屏幕，但希望这两个列表成为平板电脑模式下的手风琴小部件。
我的想法是继续将所有内容放入小部件中。我为 Tablet 视图设置的大小会打开 jquery 脚本，而 Desktop 视图会关闭脚本，内容只会以正常外观显示
所以如果 SpryAccordion.js 文件看起来像这样：（我有一些 actionscript exp。所以我理解 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 打开/关闭每个可见性。
但这不会很优雅。
请帮忙。