how to use accordion using jquery in asp.net including css stylesheet

Question

1.00/5 (1 vote)

See more:

ASP.NET

CSS

jQuery

i want a jquery code so pls send me jquery

Posted 5-Mar-14 21:15pm

manu.g.v.manohar

Add a Solution

Comments

Mitchell J. 6-Mar-14 3:21am

Well, we don't write code for you, so this isn't really a question.
Have you tried anything yourself?

Vedat Ozan Oner 6-Mar-14 3:31am

google answers this question in 0.32 seconds: https://www.google.com.tr/#q=how+to+use+accordion+using+jquery+in+asp.net+including+css+stylesheet

4 solutions

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)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2014-03-05T21:33:00

Here we answer specific questions which members face during programming.

We can't work on the whole source code. You need to do that yourself.
If you face any difficulty while coding, feel free to come back here and ask another question with specific issue describing the scenario.

Members will be happy to help you then.

Happy Coding. :)

Suraj Sahoo | Coding Passion · Answer 2 · 2014-03-05T21:41:00

First of all if you are using AS.NET (C#/VB),in the bundle.cofig file the Jquery UI are bundled

C#

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                      "~/Content/themes/base/jquery.ui.core.css",
                      "~/Content/themes/base/jquery.ui.resizable.css",
                      "~/Content/themes/base/jquery.ui.selectable.css",
                      "~/Content/themes/base/jquery.ui.accordion.css",
                      "~/Content/themes/base/jquery.ui.autocomplete.css",
                      "~/Content/themes/base/jquery.ui.button.css",
                      "~/Content/themes/base/jquery.ui.dialog.css",
                      "~/Content/themes/base/jquery.ui.slider.css",
                      "~/Content/themes/base/jquery.ui.tabs.css",
                      "~/Content/themes/base/jquery.ui.datepicker.css",
                      "~/Content/themes/base/jquery.ui.progressbar.css",
                      "~/Content/themes/base/jquery.ui.theme.css"));
      }

So in your view page add the reference at the top as the css reference is preferred to be placed at top.

@Styles.Render("~/Content/css")

//style reference

Take a div tag give it an id as "acordian"

and then write your code for the acordian in the script tag.

C#

$('#acordian').acordian()

Hope this helps .
Happy coding SD's :)

Anubhav689 · Answer 3 · 2014-03-05T21:44:00

Hey Buddy,

This Accordion is provided by jQuery itself:

http://jqueryui.com/accordion/[^]

Click on View Source and copy the code.

Here also Demo and Source Code both are available:

http://viralpatel.net/blogs/create-accordion-menu-jquery/[^]

Here also Code is available along with a Demo:

http://css-tricks.com/snippets/jquery/simple-jquery-accordion/[^]

Accept answer if it helps you

Murali0195 · Answer 4 · 2014-03-05T21:49:00

Solution 4

Hi...
See this links for JQuery!
http://www.pickatutorial.com/tutorial/jquery/[^]
http://www.w3schools.com/jquery/default.asp[^]
For CSS >> http://www.w3schools.com/css/default.asp[^]
Thank u.

Posted 5-Mar-14 21:49pm

Murali0195

how to use accordion using jquery in asp.net including css stylesheet

4 solutions

Solution 1

Solution 2

Solution 3

Solution 4

Add your solution here

Preview 0