如何在jQuery手风琴中删除一个手风琴? [英] how can i delete one accordion in jquery accordion?
本文介绍了如何在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>
http://jsfiddle.net/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>
http://jsfiddle.net/juLg9/3/[^] is a good running example that should give you some idea.
这篇关于如何在jQuery手风琴中删除一个手风琴?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文