Click here to Skip to main content
13,054,779 members (75,541 online)
Rate this:
Please Sign up or sign in to vote.
See more:
I prepared a static(for now) 'accordion' for now:
*can't publish an image because of reputation, so i'll try to illustrate it:

small Image|small Image|small Image|small Image| GreyContent | Big Image |
As You can see it contains 5 areas, 1 for the open 'article'(GreyContent+Big Image) and the other 4 are for close ones.
All the small images contained like that:

<div class='pics'>

The current open('article') contained like that:

<div class="whyUsCarouselInner">
   <%# Container.DataItem.Image.Print()%>
     <div class="graycontent">

*what i am trying to achieve is 'accordion' effect.
when clicking $('.pics li') <-small pic
-the small pic will expand with the gray content like appear in the picture i have attached.
-next, the 'current open' will be animate till it's grey content disappear and only the pic will stay
but it will become small like the other small ones in the class 'pics'

hope i explained myself right. any example, code, pseudo code will be appreciated.
Posted 25-May-13 4:09am

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web02 | 2.8.170713.1 | Last Updated 25 May 2013
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100