who can tell me what is the name of this jquery used in this site ? RSS

• • Reply
  

  siamand

  Member

  416 Points

  307 Posts

  who can tell me what is the name of this jquery used in this site ?

  Mar 01, 2012 06:02 PM|LINK

  HI all.

  in this Webiste ... http://www.1aauto.com/1A/-/Toyota/Corolla/-/-/2011 , in the left side there is a blue column ( dl ) ... i like to know how they did that .. and what jquery uesed 

  thanks for all

• • Reply
  

  DarthSwian

  Star

  12771 Points

  2361 Posts

  Re: who can tell me what is the name of this jquery used in this site ?

  Mar 01, 2012 06:20 PM|LINK

  accordian, JQuery UI http://jqueryui.com/demos/accordion/

  Mark as answer if I helped.
  
  Seek and ye shall find or http://lmgtfy.com/
  • Marked as answer by siamand on Mar 03, 2012 12:00 PM
• • Reply
  

  siamand

  Member

  416 Points

  307 Posts

  Re: who can tell me what is the name of this jquery used in this site ?

  Mar 01, 2012 06:29 PM|LINK

  Thanks for you quick reply 

  this is something like what i want .. but could get some thing exactly the same ... if you try what i posted .. when you click on one of the tab above when it come down it spring ! ...

  i like to get same exactly please

  thanks again

• • Reply
  

  DarthSwian

  Star

  12771 Points

  2361 Posts

  Re: who can tell me what is the name of this jquery used in this site ?

  Mar 01, 2012 06:44 PM|LINK

  You really need to look at the documentation, all you need is there.

  animated: 'bounceslide' added to the selector provides exactly what you want. so...

  <script type="text/javascript">
  $(function(){

  // Accordion
  $("#accordion").accordion({ header: "h3", animated: 'bounceslide' });
  
  });
  </script>
  
  <!-- Accordion -->
  <h2 class="demoHeaders">Accordion</h2>
  <div id="accordion">
  <div>
  <h3><a href="#">First</a></h3>
  <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
  </div>
  <div>
  <h3><a href="#">Second</a></h3>
  <div>Phasellus mattis tincidunt nibh.</div>
  </div>
  <div>
  <h3><a href="#">Third</a></h3>
  <div>Nam dui erat, auctor a, dignissim quis.</div>
  </div>
  </div>

  Mark as answer if I helped.
  
  Seek and ye shall find or http://lmgtfy.com/