Collapsible kostur

[SuperStarr]

Hteo bih da napravim 1 html stranicu / dokument, nešto u ovom stilu:
http://demos.jquerymobile.com/1.4.0/collapsible/ pa Collapsible (set) widget -> Collapsible -> Set of individual collapsibles
sa time da bih ja recimo voleo da imam 3 izvora pa u svakom od tih 3 izvora nekoliko opcija pa u svakoj od ocija po nekoliko pod-opcija i tako po potrebi.

Problem koji imam u svemu tome je da sam ja bio u dodiru sa DreamWeaver-om pre ~ 10 godina i nemam pojma o JS extenzijama pa i o samom JS-u...
Potreban mi je savet kako da počnem! 🙂
Koji alat, na šta da se fokusiram da to bude koliko toliko lepo za oko...

EDIT: vremena imam, tako da mogu da ga odvojim i nešto novo da naučim! 😉

Hvala svima unapred!
:wave:

 

[old_bookmaker]

Hteo bih da napravim 1 html stranicu / dokument, nešto u ovom stilu:
http://demos.jquerymobile.com/1.4.0/collapsible/ pa Collapsible (set) widget -> Collapsible -> Set of individual collapsibles
sa time da bih ja recimo voleo da imam 3 izvora pa u svakom od tih 3 izvora nekoliko opcija pa u svakoj od ocija po nekoliko pod-opcija i tako po potrebi.

Problem koji imam u svemu tome je da sam ja bio u dodiru sa DreamWeaver-om pre ~ 10 godina i nemam pojma o JS extenzijama pa i o samom JS-u...
Potreban mi je savet kako da počnem! 🙂
Koji alat, na šta da se fokusiram da to bude koliko toliko lepo za oko...

EDIT: vremena imam, tako da mogu da ga odvojim i nešto novo da naučim! 😉

Hvala svima unapred!
:wave:

@SS: Ovo ti je obična html lista. Imaš kod, pa dodaj još podliste.

<div data-role="collapsible" data-inset="false">
    <h3>Pets</h3>
    <ul data-role="listview">
        <li><a href="#">Canary</a></li>
        <li><a href="#">Cat</a></li>
        <li><a href="#">Dog</a></li>
        <li><a href="#">Gerbil</a></li>
        <li><a href="#">Iguana</a></li>
        <li><a href="#">Mouse</a></li>
    </ul>
</div><!-- /collapsible -->
<div data-role="collapsible" data-inset="false">
    <h3>Farm animals</h3>
    <ul data-role="listview">
        <li><a href="#">Chicken</a></li>
        <li><a href="#">Cow</a></li>
        <li><a href="#">Duck</a></li>
        <li><a href="#">Horse</a></li>
        <li><a href="#">Pig</a></li>
        <li><a href="#">Sheep</a></li>
    </ul>
</div><!-- /collapsible -->
<div data-role="collapsible" data-inset="false">
    <h3>Wild Animals</h3>
    <ul data-role="listview">
        <li><a href="#">Aardvark</a></li>
        <li><a href="#">Alligator</a></li>
        <li><a href="#">Ant</a></li>
        <li><a href="#">Bear</a></li>
        <li><a href="#">Beaver</a></li>
        <li><a href="#">Cougar</a></li>
        <li><a href="#">Dingo</a></li>
    </ul>
</div><!-- /collapsible -->

Na odmoru sam, uradio bih ti to ja, a dok se ne vratim neko će ti već pomoći oko detalja (neću skoro, danas mi je prvi dan na moru 🙂). Možeš da koristiš bilo koji tekst editor, tipa Notepad++ ili neki "bogatiji".

 

[SuperStarr]

Hvala book, igraću se sa ovime za vikend pa javljam šta sam uradio!