jQuery Mobile — открыть складной набор с параметром URL

Используя jQuery Mobile, может ли панель в складном наборе (аккордеоне?) быть открытой по умолчанию? Например, вторая панель «Заголовок 2» должна открываться при загрузке страницы. Я не нашел никакой информации об этом и хотел бы сделать это на основе параметра URL.

Вот html, который у меня есть сейчас:

<div data-role="collapsible-set">
  <div data-role="collapsible" data-theme="c" data-content-theme="b">
    <h3>Title 1</h3>
    <div>Text 1 inside here</div>
  </div>
  <div data-role="collapsible" data-theme="c" data-content-theme="b">
    <h3>Title 2</h3>
    <div>Text 2 is here</div>
  </div> 
  <div data-role="collapsible" data-theme="c" data-content-theme="b">
    <h3>Title 3</h3>
    <div>Text 3 inside this div</div>
  </div>   
</div>

Вот тоже скрипка:

http://jsfiddle.net/dqmj3/


person Mdd    schedule 14.05.2013    source источник
comment
Если вы все еще боретесь с проблемами параметров URL, я недавно создал плагин. который обрабатывает параметры мобильного URL-адреса jquery довольно надежным способом.   -  person Cameron Askew    schedule 05.04.2014
comment
@CameronAskew Это действительно потрясающе!   -  person Mdd    schedule 05.04.2014


Ответы (1)


Рабочий пример: http://jsfiddle.net/Gajotres/Qm3wb/

Атрибут: data-collapsed="false"

Официальная документация: http://api.jquerymobile.com/collapsible/#option-collapsed

 <div data-role="collapsible-set">
      <div data-role="collapsible" data-theme="c" data-content-theme="b" data-collapsed="false">
          <h3>Title 1</h3>
          <div>Text 1 inside here</div>
     </div>
     <div data-role="collapsible" data-theme="c" data-content-theme="b">
          <h3>Title 2</h3>
          <div>Text 2 is here</div>
     </div> 
     <div data-role="collapsible" data-theme="c" data-content-theme="b">
          <h3>Title 3</h3>
          <div>Text 3 inside this div</div>
     </div>   
</div>
person Gajotres    schedule 14.05.2013