Web Development with jQuery®

elliott (Elliott) 2019-07-27 03:07:34 UTC #1

(^426) ❘ CHAPTER 18 TABS
Cras eu metus orci. Nam pretium neque ante. In eu mattis sem,
Ut euismod nulla. Curabitur a diam eget risus vestibulum
mattis et at turpis. Etiam semper, orci sit amet semper
molestie, nibh sem hendrerit est, auctor varius arcu purus ut
enim. Curabitur nisi nunc, ullamcorper a placerat a, faucibus
imperdiet urna. Maecenas cursus ullamcorper dolor, ac viverra
nibh consectetur eget.

Mauris sollicitudin, sem non tempor molestie, quam nunc
blandit lectus, quis molestie dui arcu in lectus. In id
fringilla elit. Ut auctor lectus eget orci malesuada, et
lacinia ligula interdum. Pellentesque bibendum, orci eget
euismod scelerisque, nibh nulla posuere mi, quis commodo
purus sem et arcu.

A new markup document is created to contain the content of the fourth tab, and it is called Fourth
Tab.html, which is also referenced in the href attribute of the element for the new tab in the
preceding markup document.

Quisque tempus euismod justo vitae ultrices. Nam in
ligula sit amet mi molestie luctus. Aenean et
egestas arcu. Mauris dictum tortor sit amet purus
aliquam condimentum. Integer fermentum at odio vitae
sollicitudin.

The following style sheet is applied to the AJAX-enabled example. This style sheet adds a new rule
for a

element with the id name ui-tabs-1.
body {
font: 12px 'Lucida Grande', Arial, sans-serif;
background: #fff;
color: rgb(50, 50, 50);
}
div#exampleTabFirst {
background: lightblue;
padding: 5px;
}
div#exampleTabSecond {
background: lightgreen;
padding: 5px;
}
div#exampleTabThird {
background: yellow;
padding: 5px;
[http://www.it-ebooks.info](http://www.it-ebooks.info)

Web Development with jQuery®

Get our desktop app

Company

Features

Documentation

Resources