github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-02-03 09:55:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

set svn:eol-style to native

Browse Source
This commit is contained in:
Richard Worth
2008-12-13 13:39:49 +00:00
parent 1a8bfae8e8
commit 4160a67a8a
2 changed files with 87 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
tests/visual/accordion.html
View File

@@ -1,52 +1,52 @@
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Accordion Visual Test</title>
<link rel="stylesheet" href="all.css" type="text/css">
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.accordion.js"></script>
<script type="text/javascript">
$(function() {
function on() {
$("#accordion").accordion({ header: "h3" });
}
function off() {
$("#accordion").accordion("destroy");
}
$("#toggle").toggle(on, off).click();
})
</script>
</head>
<body>
<ul class="plugins">
<li class="plugin">
Accordion
<div id="accordion">
<div>
<h3><a href="#">First</a></h3>
<div>
Lorem ipsum dolor sit amet.
</div>
</div>
<div>
<h3><a href="#">Second</a></h3>
<div>
Phasellus mattis tincidunt nibh.
</div>
</div>
<div>
<h3><a href="#">Third</a></h3>
<div>
Nam dui erat, auctor a, dignissim quis.
</div>
</div>
</div>
<button id="toggle">Toggle</button>
</li>
</ul>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Accordion Visual Test</title>
<link rel="stylesheet" href="all.css" type="text/css">
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.accordion.js"></script>
<script type="text/javascript">
$(function() {
function on() {
$("#accordion").accordion({ header: "h3" });
}
function off() {
$("#accordion").accordion("destroy");
}
$("#toggle").toggle(on, off).click();
})
</script>
</head>
<body>
<ul class="plugins">
<li class="plugin">
Accordion
<div id="accordion">
<div>
<h3><a href="#">First</a></h3>
<div>
Lorem ipsum dolor sit amet.
</div>
</div>
<div>
<h3><a href="#">Second</a></h3>
<div>
Phasellus mattis tincidunt nibh.
</div>
</div>
<div>
<h3><a href="#">Third</a></h3>
<div>
Nam dui erat, auctor a, dignissim quis.
</div>
</div>
</div>
<button id="toggle">Toggle</button>
</li>
</ul>
</body>
</html>

70
tests/visual/tabs.html
View File

@@ -1,35 +1,35 @@
<!doctype html>
<html lang="en">
<head>
<title>Simple Tabs</title>
<link rel="stylesheet" href="all.css" type="text/css">
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.tabs.js"></script>
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
</head>
<body>
<ul class="plugins">
<li class="plugin">
Tabs
<div id="tabs">
<ul>
<li><a href="#tabs-1">First</a></li>
<li><a href="#tabs-2">Second</a></li>
<li><a href="#tabs-3">Third</a></li>
</ul>
<div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>
</li>
</ul>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<title>Simple Tabs</title>
<link rel="stylesheet" href="all.css" type="text/css">
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.tabs.js"></script>
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
</head>
<body>
<ul class="plugins">
<li class="plugin">
Tabs
<div id="tabs">
<ul>
<li><a href="#tabs-1">First</a></li>
<li><a href="#tabs-2">Second</a></li>
<li><a href="#tabs-3">Third</a></li>
</ul>
<div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>
</li>
</ul>
</body>
</html>