jQuery Diagonal Accordion
A while ago we got a very random design from a client; they wanted an accordion, but at 45 degrees.. Yes, that’s right..
It makes the visible content area tiny, and clearly restricts the size of the page so in my opinion it’s mostly pointless. However, still better than using flash!
Some really random intro copy goes in here….
Here is some more…
Filling this is not as easy as it looks…
Here is a link to nothing.. It’s just here to prove that it works inside the accordion
Yeah! More random copy!
I’m running out of things to put in these things… more!
What do you thing should go in here?
Who knows, just don’t click here..
I give up, this is going to be the last accordion…
Honest, the very last one..
No more; FIN
It does take some options, but I can’t remember what they all do, it’s been too long since I wrote it! Have a look at the project on git hub- or download the source, in a zip file instead.
Triggering the script is easy enough:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#diagonal_madness').diagonalaccordion();
});
</script>
blog comments powered by Disqus
