WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » JQuery accordion

View previous topic View next topic Go down  Message [Page 1 of 1]

1JQuery accordion Empty JQuery accordion Mon Jul 05, 2010 10:54 pm

Guest


Guest
http://jqueryui.com/demos/accordion/default.html
can someone give me the code for that?
Thanks

2JQuery accordion Empty Re: JQuery accordion Mon Jul 05, 2010 11:07 pm

ankillien

ankillien
Administrator
Administrator
Some good accordion script are available...
http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm
http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm

3JQuery accordion Empty Re: JQuery accordion Mon Jul 05, 2010 11:08 pm

Guest


Guest
i want an accordion to make my site look like this
www.artabout.gr

4JQuery accordion Empty Re: JQuery accordion Mon Jul 05, 2010 11:16 pm

ankillien

ankillien
Administrator
Administrator
Cool-Processor wrote:i want an accordion to make my site look like this
www.artabout.gr

That is done with Flash, not jQuery.
You can make something similar using the dynamicdrive accordions. It may require lots of customization.

5JQuery accordion Empty Re: JQuery accordion Mon Jul 05, 2010 11:17 pm

Guest


Guest
its JQuery only the effects are flash(i contacted the owner of the site)
And at the source code there is a file
Code:
accordion.js

6JQuery accordion Empty Re: JQuery accordion Mon Jul 05, 2010 11:18 pm

ankillien

ankillien
Administrator
Administrator
hmm...you can do it by customizing the dynamicdrive accordions.

7JQuery accordion Empty Re: JQuery accordion Mon Jul 05, 2010 11:20 pm

Guest


Guest
i will give them a try.If someone has the code for the JQueryui accordion please post it.

8JQuery accordion Empty Re: JQuery accordion Mon Jul 05, 2010 11:57 pm

Guest


Guest
the accordion i want is that one
http://docs.jquery.com/UI/Accordion
can someone give me the full code??

9JQuery accordion Empty Re: JQuery accordion Tue Jul 06, 2010 4:21 am

RockerMan

RockerMan
Technician
Technician
Code:
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 
  <script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
  </script>
</head>
<body style="font-size:62.5%;">
 
<div id="accordion">
   <h3><a href="#">Section 1</a></h3>
   <div>
      <p>
      Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
      ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
      amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
      odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
      </p>
   </div>
   <h3><a href="#">Section 2</a></h3>
   <div>
      <p>
      Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
      purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
      velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
      suscipit faucibus urna.
      </p>
   </div>
   <h3><a href="#">Section 3</a></h3>
   <div>
      <p>
      Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
      Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
      ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
      lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
      </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. Vestibulum ante ipsum primis in
      faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
      mauris vel est.
      </p>
      <p>
      Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
      inceptos himenaeos.
      </p>
   </div>
</div>

</body>
</html>

http://www.graphics-post.com/

10JQuery accordion Empty Re: JQuery accordion Tue Jul 06, 2010 8:25 am

ankillien

ankillien
Administrator
Administrator
Please avoid double posting, Cool-Processor!

11JQuery accordion Empty Re: JQuery accordion Tue Jul 06, 2010 4:30 pm

Guest


Guest
Sorry anki Sad

@Rockerman!!!!!!!!!!!!

Finally! JQuery accordion SHa_hyper
Its working! JQuery accordion SLo_Iloveyou2

Many many many many many thanks for that!!!!!! JQuery accordion SLo_BigBearHug

12JQuery accordion Empty Re: JQuery accordion Tue Jul 06, 2010 4:31 pm

RockerMan

RockerMan
Technician
Technician
Lol, OK. It's just code, don't get to excited Razz

http://www.graphics-post.com/

13JQuery accordion Empty Re: JQuery accordion Tue Jul 06, 2010 4:32 pm

Guest


Guest
how did you get the code? Rolling Eyes

14JQuery accordion Empty Re: JQuery accordion Tue Jul 06, 2010 5:59 pm

RockerMan

RockerMan
Technician
Technician
I made it, just added the JS Wink

http://www.graphics-post.com/

15JQuery accordion Empty Re: JQuery accordion Tue Jul 06, 2010 6:11 pm

ankillien

ankillien
Administrator
Administrator
RockerMan wrote:I made it, just added the JS Wink

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js

Does this file contain codes for all jQ UI widgets?

16JQuery accordion Empty Re: JQuery accordion Tue Jul 06, 2010 9:02 pm

RockerMan

RockerMan
Technician
Technician
Yeah Wink

http://www.graphics-post.com/

17JQuery accordion Empty Re: JQuery accordion Tue Jul 06, 2010 9:26 pm

ankillien

ankillien
Administrator
Administrator
hmmm..didn't know that Razz
now its gonna be helpful to me Laughing
Thanks

Solved | Locked

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » JQuery accordion

Permissions in this forum:
You cannot reply to topics in this forum