WD ATTR Nav Tool

WD ATTR Nav Tool

The reference for how the attribute works is in the following tools:

• WD JS DOM Tools: nav

The tool's target is the elements identified in it and, if not defined, it will be applied to the element that contains it.

The attribute has the following arguments:

Name	Type	Mandatory	Description
action	String	No	See the action argument.
$ or $$	CSS	No	Defines the tool's targets.

<nav>
	<span data-wd-nav="action{prev}${#tabs}" >&larr;</span>
	<span data-wd-nav="${#tab1}" >Tab 1</span>
	<span data-wd-nav="${#tab2}" >Tab 2</span>
	<span data-wd-nav="${#tab3}" >Tab 3</span>
	<span data-wd-nav="action{next}${#tabs}" >&rarr;</span>
</nav>

<div id="tabs">
	<div id="tab1" style="background-color: #F00000;" >
		<h3>Tab 1</h3>
		<p>Tab Contents 1.</p>
	</div>
	<div id="tab2" style="background-color: #ccc;" >
		<h3>Tab 2</h3>
		<p>Tab Contents 2.</p>
	</div>
	<div id="tab3" style="background-color: #00F00F;" >
		<h3>Tab 3</h3>
		<p>Tab Contents 3.</p>
	</div>
</div>