本文介绍了如何在jQuery手风琴中删除一个手风琴?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
嗨
我有一个jQuery手风琴和一个按钮.
单击该按钮时,可以删除其中的一个手风琴.
我不知道该怎么办
这是我的代码:
<head>
<link href="jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script>
$(document).ready(function () {
$("#accordion").accordion();
});
</script>
</head>
<body style="font-size:62.5%;">
<form id="form1" runat="server">
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam.
</p>
</div>
<h3><a href="#">Section 2</a></h3>
<div>
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
purus. .
</p>
</div>
<h3><a href="#">Section 3</a></h3>
<div>
<p>
Nam enim risus, molestie et, porta ac, aliquam ac, risus.
</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3><a href="#">Section 4</a></h3>
<div>
<p>
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas.
</p>
<p>
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
</p>
</div>
</div>
<asp:Button ID="Button1" runat="server" Text="Button" />
</form>
</body>
解决方案
(document).ready(function(){
(#accordion").accordion( ); }); </script> </head> < body style ="font-size:62.5%;"> < form id ="form1" runat ="server"> < div id ="accordion"> < h3>< a href =#">第1</a></h3> < div> < p> 毛里斯·毛里斯·安特(Mauris mauris ante),布兰迪(Blandit)等. </p> </div> < h3>< a href =#">第2</a></h3> < div> < p> 塞德·非尔纳Donec et ante.菜豆.坐骨前仰角 普鲁斯. . </p> </div> < h3>< a href =#">第3</a></h3> < div> < p> Nam enim risus,molestie等,porta ac,aliquam ac,risus. </p> < ul> < li>列出项目1</li> < li>列出项目2</li> < li>列出项目3</li> </ul> </div> < h3>< a href =#">第4</a></h3> < div> < p> Cras dictum. Pellentesque居民morbi tristique senectus et netus et malesuada声名远扬. </p> < p> Suspendisse eu nisl. Nullam ut libero.整数dignissim等于lectus. </p> </div> </div> < asp:Button ID ="Button1" runat =服务器" Text ="Button"/> </form> </body>
jsfiddle/juLg9/3 / [ ^ ]是一个很好的运行示例,应给出您有一些想法.
hi i have a jquery accordions and a button. when the button is clicked,one of the accordions can be deleted. i dont know how can i do this this is my code:
<head> <link href="jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="jquery.min.js"></script> <script src="jquery-ui.min.js"></script> <script> $(document).ready(function () { $("#accordion").accordion(); }); </script> </head> <body style="font-size:62.5%;"> <form id="form1" runat="server"> <div id="accordion"> <h3><a href="#">Section 1</a></h3> <div> <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. </p> </div> <h3><a href="#">Section 2</a></h3> <div> <p> Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. . </p> </div> <h3><a href="#">Section 3</a></h3> <div> <p> Nam enim risus, molestie et, porta ac, aliquam ac, risus. </p> <ul> <li>List item one</li> <li>List item two</li> <li>List item three</li> </ul> </div> <h3><a href="#">Section 4</a></h3> <div> <p> Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> <p> Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. </p> </div> </div> <asp:Button ID="Button1" runat="server" Text="Button" /> </form> </body> 解决方案 (document).ready(function () {("#accordion").accordion(); }); </script> </head> <body style="font-size:62.5%;"> <form id="form1" runat="server"> <div id="accordion"> <h3><a href="#">Section 1</a></h3> <div> <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. </p> </div> <h3><a href="#">Section 2</a></h3> <div> <p> Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. . </p> </div> <h3><a href="#">Section 3</a></h3> <div> <p> Nam enim risus, molestie et, porta ac, aliquam ac, risus. </p> <ul> <li>List item one</li> <li>List item two</li> <li>List item three</li> </ul> </div> <h3><a href="#">Section 4</a></h3> <div> <p> Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> <p> Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. </p> </div> </div> <asp:Button ID="Button1" runat="server" Text="Button" /> </form> </body>jsfiddle/juLg9/3/[^] is a good running example that should give you some idea.更多推荐
如何在jQuery手风琴中删除一个手风琴?
发布评论