Content/jqueryui/tests/visual/compound/accordion_tabs.html

(开头部分) 2KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Compound Visual Test : Accordion in Tabs</title>
	<link rel="stylesheet" href="../visual.css">
	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
	<script src="../../../jquery-1.9.1.js"></script>
	<script src="../../../ui/jquery.ui.core.js"></script>
	<script src="../../../ui/jquery.ui.widget.js"></script>
	<script src="../../../ui/jquery.ui.accordion.js"></script>
	<script src="../../../ui/jquery.ui.tabs.js"></script>
	<script>
	$(function() {
		$( "#accordion-1, #accordion-2" ).accordion();
		$( "#tabs" ).tabs();
	});
	</script>
</head>
<body>

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">First</a></li>
		<li><a href="#tabs-2">Second</a></li>
	</ul>
	<div id="tabs-1">
		<div id="accordion-1">
			<h3>Accordion Header 1</h3>
			<div>
				<p>Accordion Content 1</p>
				<p>Accordion Content 1</p>
				<p>Accordion Content 1</p>
				<p>Accordion Content 1</p>
				<p>Accordion Content 1</p>
			</div>
			<h3>Accordion Header 2</h3>
			<div>
				<p>Accordion Content 2</p>
				<p>Accordion Content 2</p>
				<p>Accordion Content 2</p>
				<p>Accordion Content 2</p>
				<p>Accordion Content 2</p>
			</div>
			<h3>Accordion Header 3</h3>
			<div>
				<p>Accordion Content 3</p>
				<p>Accordion Content 3</p>
				<p>Accordion Content 3</p>
				<p>Accordion Content 3</p>
				<p>Accordion Content 3</p>
			</div>
		</div>
	</div>
	<div id="tabs-2">
		<div id="accordion-2">
			<h3>Accordion Header 1</h3>
			<div>
				<p>Accordion Content 1</p>
				<p>Accordion Content 1</p>
后面还有 26 行代码,解锁后查看完整代码

24 小时内免费解锁 3 个项目,之后 1 积分/个。 规则说明

AI 解读

登录后可用,每次 10 积分,解读结果公开显示在下面。

还没有人解读过这个文件。