how can i delete one accordion in jquery accordion?

Question

0.00/5 (No votes)

See more:

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>

Posted 4-Feb-12 22:03pm

maliheSadat

Updated 4-Feb-12 22:23pm

Keith Barrow

v3

Add a Solution

Comments

Keith Barrow 5-Feb-12 4:24am

I've formatted your code for you, you should do this when posting a question. To do this, highlight the code block, and click the "Code" button.

maliheSadat 6-Feb-12 3:42am

thanx

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Abhinav S · Answer 1 · 2012-02-04T23:36:00

Solution 1

http://jsfiddle.net/juLg9/3/[^] is a good running example that should give you some idea.

Posted 4-Feb-12 23:36pm

Abhinav S

Comments

maliheSadat 6-Feb-12 3:41am

thanx for ur answer
it works well in jsfifflw.net.but when i copy it in visual studio it doesnt work!