JQuery вкладки аккордеона пряча в CSS

Question

У меня есть jQuery UI accordion со структурой Markup

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

Однако вторая вкладка аккордеона в яснее формате, чем первый (т.е. имеет меньше кадров и, следовательно, более мобильны дружелюбный).

Я хочу использовать медиа-запрос, чтобы скрыть первую вкладку и ее содержимое, когда ширина экрана меньше 640 пикселей. Я попытался дать первый h3 и первый DIV теги класс первый, а затем использовали

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

Чтобы заставить их исчезнуть ... но это не сработало. Кто-нибудь знает, как я могу это сделать?

Answer 1

попробовать это как вариант CSS3:

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

, если вы не можете поддерживать CSS3 затем дать, что первый заголовок имя класса и цель этого.