Skip to content
Permalink
Browse files

added, cleaned up, and renamed some accordion visual tests

  • Loading branch information
rdworth committed Mar 23, 2009
1 parent 473e7e8 commit 5b000cb2c068981fa7300ece9e970051c0463a27
@@ -1,46 +1,34 @@
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Accordion Visual Test</title>
<link rel="stylesheet" href="../all.css" type="text/css">
<title>Accordion Visual Test : Accordion</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.2.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();
}
function off() {
$("#accordion").accordion("destroy");
}
$("#toggle").toggle(on, off).click();
});
$(function() {
$("#accordion").accordion();
})
</script>
</head>
<body>

<ul class="plugins">
<li class="plugin">
Accordion
<div id="accordion">
<h3><a href="#">First</a></h3>
<div>
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
</div>
<h3><a href="#">Second</a></h3>
<div>
Phasellus mattis tincidunt nibh.
</div>
<h3><a href="#">Third</a></h3>
<div>
Nam dui erat, auctor a, dignissim quis.
</div>
<div id="accordion">
<h3><a href="#">Accordion Header 1</a></h3>
<div>
Accordion Content 1
</div>
<button id="toggle">Toggle</button>
</li>
</ul>
<h3><a href="#">Accordion Header 2</a></h3>
<div>
Accordion Content 2
</div>
<h3><a href="#">Accordion Header 3</a></h3>
<div>
Accordion Content 3
</div>
</div>

</body>
</html>
@@ -1,7 +1,7 @@
<!doctype html>
<html>
<head>
<title>Accordion Static Test : DL</title>
<title>Accordion Static Test : Accordion dl</title>
<link rel="stylesheet" href="../../static/static.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
@@ -17,23 +17,23 @@
<body>

<dl>
<dt>
<a href="#">Accordion Header 1</a>
</dt>
<dt><a href="#">Accordion Header 1</a></dt>
<dd>
Accordion Content 1
Accordion Content 1
<dl>
<dt>Term 1</dt>
<dt>Definition 1</dt>
<dt>Term 2</dt>
<dt>Definition 2</dt>
</dl>
</dd>
<dt>
<a href="#">Accordion Header 2</a>
</dt>
<dt><a href="#">Accordion Header 2</a></dt>
<dd>
Accordion Content 2
Accordion Content 2
</dd>
<dt>
<a href="#">Accordion Header 3</a>
</dt>
<dt><a href="#">Accordion Header 3</a></dt>
<dd>
Accordion Content 2
Accordion Content 2
</dd>
</dl>

@@ -0,0 +1,34 @@
<!doctype html>
<html lang="en">
<head>
<title>Accordion Visual Test : Accordion method destroy</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.2.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() {
$("#accordion").accordion().accordion("destroy");
})
</script>
</head>
<body>

<div id="accordion">
<h3><a href="#">Accordion Header 1</a></h3>
<div>
Accordion Content 1
</div>
<h3><a href="#">Accordion Header 2</a></h3>
<div>
Accordion Content 2
</div>
<h3><a href="#">Accordion Header 3</a></h3>
<div>
Accordion Content 3
</div>
</div>

</body>
</html>
@@ -0,0 +1,34 @@
<!doctype html>
<html lang="en">
<head>
<title>Accordion Visual Test : Accordion method disable</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.2.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() {
$("#accordion").accordion().accordion("disable");
})
</script>
</head>
<body>

<div id="accordion">
<h3><a href="#">Accordion Header 1</a></h3>
<div>
Accordion Content 1
</div>
<h3><a href="#">Accordion Header 2</a></h3>
<div>
Accordion Content 2
</div>
<h3><a href="#">Accordion Header 3</a></h3>
<div>
Accordion Content 3
</div>
</div>

</body>
</html>
@@ -0,0 +1,37 @@
<!doctype html>
<html lang="en">
<head>
<title>Accordion Visual Test : Accordion option animated 'bounceslide'</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.2.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" src="../../../ui/effects.core.js"></script>
<script type="text/javascript">
$(function() {
$("#accordion").accordion({
animated: 'bounceslide'
});
})
</script>
</head>
<body>

<div id="accordion">
<h3><a href="#">Accordion Header 1</a></h3>
<div>
Accordion Content 1
</div>
<h3><a href="#">Accordion Header 2</a></h3>
<div>
Accordion Content 2
</div>
<h3><a href="#">Accordion Header 3</a></h3>
<div>
Accordion Content 3
</div>
</div>

</body>
</html>
@@ -0,0 +1,37 @@
<!doctype html>
<html lang="en">
<head>
<title>Accordion Visual Test : Accordion option animated easeslide</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.2.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" src="../../../ui/effects.core.js"></script>
<script type="text/javascript">
$(function() {
$("#accordion").accordion({
animated: 'easeslide'
});
})
</script>
</head>
<body>

<div id="accordion">
<h3><a href="#">Accordion Header 1</a></h3>
<div>
Accordion Content 1
</div>
<h3><a href="#">Accordion Header 2</a></h3>
<div>
Accordion Content 2
</div>
<h3><a href="#">Accordion Header 3</a></h3>
<div>
Accordion Content 3
</div>
</div>

</body>
</html>
@@ -0,0 +1,36 @@
<!doctype html>
<html lang="en">
<head>
<title>Accordion Visual Test : Accordion option animated false</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.2.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() {
$("#accordion").accordion({
animated: false
});
})
</script>
</head>
<body>

<div id="accordion">
<h3><a href="#">Accordion Header 1</a></h3>
<div>
Accordion Content 1
</div>
<h3><a href="#">Accordion Header 2</a></h3>
<div>
Accordion Content 2
</div>
<h3><a href="#">Accordion Header 3</a></h3>
<div>
Accordion Content 3
</div>
</div>

</body>
</html>
@@ -0,0 +1,36 @@
<!doctype html>
<html lang="en">
<head>
<title>Accordion Visual Test : Accordion option animated slide</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.2.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() {
$("#accordion").accordion({
animated: 'slide'
});
})
</script>
</head>
<body>

<div id="accordion">
<h3><a href="#">Accordion Header 1</a></h3>
<div>
Accordion Content 1
</div>
<h3><a href="#">Accordion Header 2</a></h3>
<div>
Accordion Content 2
</div>
<h3><a href="#">Accordion Header 3</a></h3>
<div>
Accordion Content 3
</div>
</div>

</body>
</html>
@@ -0,0 +1,36 @@
<!doctype html>
<html lang="en">
<head>
<title>Accordion Visual Test : Accordion option animated true</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.2.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() {
$("#accordion").accordion({
animated: true
});
})
</script>
</head>
<body>

<div id="accordion">
<h3><a href="#">Accordion Header 1</a></h3>
<div>
Accordion Content 1
</div>
<h3><a href="#">Accordion Header 2</a></h3>
<div>
Accordion Content 2
</div>
<h3><a href="#">Accordion Header 3</a></h3>
<div>
Accordion Content 3
</div>
</div>

</body>
</html>

0 comments on commit 5b000cb

Please sign in to comment.
You can’t perform that action at this time.