The Ashes

Technology, Science and other news
April 17, 2009

Horizontal Accordion 2.0 for jQuery

Posted by : admin
Filed under : General

Alexander Graef wrote in to tell us about the excellent Horizontal Accordion jQuery plug-in, which takes an unordered list:

PLAIN TEXT
HTML:

  1. <ul class=“test”>
  2.   <li><div class=“handle”><img src=‘images/title1.png’/></div><img src=‘images/image_test.gif’ align=‘left’/>
  3.     <h3>Content 1</h3>
  4.     <p></p>
  5.   </li>
  6.   <li><div class=“handle”><img src=‘images/title2.png’/></div><img src=‘images/image_test.gif’ align=‘left’/>
  7.     <h3>Content 2</h3>
  8.     <p></p>
  9.   </li>
  10.   <li><div class=“handle”><img src=‘images/title3.png’/></div><img src=‘images/image_test.gif’ align=‘left’/>
  11.     <h3>Content 3</h3>
  12.     <p></p>
  13.   </li>
  14.   <li><div class=“handle”><img src=‘images/title4.png’/></div><img src=‘images/image_test.gif’ align=‘left’/>
  15.     <h3>Content 4</h3>
  16.     <p></p>
  17.   </li>
  18. </ul>

and transforms it into this:

It’s a complete re-write of the old plug-in and works on Firefox, IE, and Safari. Here’s the feature list:

* No dependencies
* Optional use of easing plugin (still some work needed)
* Close and open content one after the other
* Close and open at the same time
* Choose trigger (mouseover, click …)
* Easily control through external calls
* Open content on load
* Open content through hash tags in the url (#tab1, #tab2…)
* Position of handle (left, right)
* Mixed handle positions – 2 left , 2 right …
* Cycle through content by interval
* Events when animations starts and ends
* Hide content until all has been assembled

Check out the demos.

Tags :

No Comments

(required)
(will not be published) (required)
(opitional)

cciash.com EN ES IT DE PT CZ FR RU
February 2018
M T W T F S S
« Sep    
 1234
567891011
12131415161718
19202122232425
262728  

Pages

Categories

Resources

There are many online poker site where you can play but at poker.hk you can play the poker games with all the knowledge you need related to the game with the poker school available in both the English and Chinese language.

Super Casino

Now you can bet on any sports and any sporting events from all the comfort from your home. Bet770 allows you to bet on any events and match with in just 3 clicks. They also offers great odds on football betting for every premier and champions league match. Get £50 free in bets when you register.

Bingo770, offering best online bingo games with £7.70 free no deposit Bonus!