Latest web development tutorials

jQuery Komórka składany blok

Składany blok treści

Składany bloku pozwala ukryć lub wyświetlić zawartość - do przechowywania części informacji użytecznych.

Aby utworzyć składaną blok tekstu, trzeba dodać pojemnika data-role = "składany" atrybut. W zbiorniku (div) wewnątrz, dodać element nagłówka (H1-H6), po którym następuje przedłużenie chcesz dokonać tagów HTML:

Przykłady

<div data-role="collapsible" >
<h1>点击我 - 我可以折叠!</h1>
<p>我是可折叠的内容。</p>
</div>

Spróbuj »

Domyślnie treść jest składany. Aby rozwinąć zawartość po załadowaniu strony, należy użyć danych zawalił = "false":

Przykłady

<div data-role="collapsible" data-collapsed="false" >
<h1>点击我 - 我可以折叠!</h1>
<p>I'm 现在我默认是展开的。</p>
</div>

Spróbuj »


Zagnieżdżony blok składane

Składane bloki treści można zagnieżdżać do siebie:

Przykłady

<div data-role="collapsible" >
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
<div data-role="collapsible" >
<h1>点击我 - 我是嵌套的可折叠块!</h1>
<p>我是嵌套的可折叠块中被展开的内容。</p>
</div>
</div>

Spróbuj »

lampa Składane bloki treści mogą być zagnieżdżone kilka razy w zależności od potrzeb.


kolekcja Składany

Składany Składany zestaw blok jest zgrupowane razem (jak akordeon). Kiedy nowy blok jest stosowane, wszystkie inne bloki są złożone.

Tworzyć kilka składany blok zawartości, po czym zawartość bloku otoczony składanego pojemnika o nowych danych rolami = "składanego-set", w:

Przykłady

<div data-role="collapsible-set" >
<div data-role="collapsible">
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
</div>
<div data-role="collapsible">
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
</div>
</div>

Spróbuj »


Przykłady

Więcej przykładów

Anuluj filet z marginesami pośrednictwem danych atrybutu-wstawka
Jak zrezygnować z narożnika zewnętrznego ze składanego odległości bloku.

Poprzez mini-mini danych atrybutu składanych bloków
Jak zrobić składany blok mniejszy.

Zmień ikonę przez daną-zawalił-ikoną i danych spienione-ikony
Jak zmienić ikonę, aby zwinąć bloku (domyślnie jest to + i -).

Fałd-pop
Tworzenie szufladę w pop.

Zmień lokalizację ikony
W szufladzie, jak zmodyfikować położenie ikony (domyślnie jest po lewej stronie).