← Examples Gallery

Alap v3 Demo

Click any blue link to see a multi-destination menu.

Item IDs

I like the VW Bug and the BMW E36.

vwbug, bmwe36

Class Queries

Check out some coffee spots or famous bridges.

.coffee   .bridge

Operators

NYC bridges (AND) — NYC or SF (OR) — NYC without bridges (WITHOUT)

.nyc + .bridge   .nyc | .sf   .nyc - .bridge

Parentheses

NYC or SF bridges — groups two intersections, then unions the results.

(.nyc + .bridge) | (.sf + .bridge)

Mixed: IDs + Classes

I enjoy Aqus Cafe and cars.

aqus | .car

Macros

My favorite cars (macro) — or use a bare @: NYC bridges (bare @).

@cars   @ on <a id="nycbridges" data-alap-linkitems="@"> expands @nycbridges

Existing URL

This link has an href — the original URL becomes the first menu item: Brooklyn Bridge and more.

Same, but appended: Brooklyn Bridge (last).

Ignored (original URL discarded): Brooklyn Bridge (ignored).

.nyc + .bridge with href preserved (prepend / append / ignore)

Chained

NYC or SF, without landmarks — left-to-right: (.nyc | .sf) - .landmark