jQuery手风琴隐藏CSS中的标签

Question

我有jQuery UI accordion标记结构

        <div id="accordion2">
          <h3>title</h3>
                <div>stuff texty</div>
          <h3>title2</h3>
                <div>stuff texty</div>
        </div>

然而，手风琴的第二个标签比第一个标签格式更平坦（即图片较少，因此更适合移动设备）。

当屏幕宽度小于640px时，我想使用媒体查询隐藏第一个标签及其内容。我尝试给第一个h3和第一个div标记一个类，然后使用

@media (max-width: 640px) {
        .first {
           display: none;
        }
}

让它们消失......但它没有用。有谁知道我怎么能这样做？

Answer 1

尝试将其作为CSS3选项：

#accordion2 h3:first-of-type
{
  display:none;
}

如果你不能支持CSS3，那么给第一个标题命名并定位。