* panel visual test html

idlesign · idlesign · commit 9c9192ec49fc · 2010-09-01T10:45:29.000+07:00
diff --git a/tests/visual/panel/panel.html b/tests/visual/panel/panel.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>Panel Visual Test : Default</title>
+	<link rel="stylesheet" href="../visual.css" type="text/css" />
+	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
+	<script type="text/javascript" src="../../../jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.ui.panel.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#panel1").panel({  });
+		$("#panel2").panel({collapseType: 'left'});
+		$("#panel3").panel({collapseType: 'right'});
+	})
+	</script>
+</head>
+<body>
+
+<div id="panel1">
+	<h3><a href="#">Panel Header</a></h3>
+	<div>
+		Panel Content
+	</div>
+</div>
+
+<br /><br />
+
+<div id="panel2">
+    <h3><a href="#">Left Sliding Panel Header</a></h3>
+    <div>
+        Left Sliding Panel Content
+    </div>
+</div>
+
+<br /><br />
+
+<div id="panel3">
+    <h3><a href="#">Right Sliding Panel Header</a></h3>
+    <div>
+        Right Sliding Panel Content
+    </div>
+</div>
+
+<br /><br />
+
+</body>
+</html>
