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

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

1 JQuery accordion on 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

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

ankillien

avatar
Administrator
Administrator

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

Guest


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

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

ankillien

avatar
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.

5 Re: JQuery accordion on 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

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

ankillien

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

7 Re: JQuery accordion on 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.

8 Re: JQuery accordion on 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??

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

RockerMan

avatar
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/

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

ankillien

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

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

Guest


Guest
Sorry anki Sad

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

Finally!
Its working!

Many many many many many thanks for that!!!!!!

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

RockerMan

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

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

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

Guest


Guest
how did you get the code? Rolling Eyes

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

RockerMan

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

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

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

ankillien

avatar
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?

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

RockerMan

avatar
Technician
Technician
Yeah Wink

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

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

ankillien

avatar
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]

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