Click here to Skip to main content
11,412,400 members (66,188 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: jQuery
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 5:09am

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

  Print Answers RSS
0 OriginalGriff 332
1 Sascha Lefévre 200
2 Sergey Alexandrovich Kryukov 140
3 Maciej Los 135
4 ProgramFOX 130
0 Sergey Alexandrovich Kryukov 9,025
1 OriginalGriff 7,247
2 Maciej Los 3,525
3 Abhinav S 3,248
4 Peter Leow 3,059

Advertise | Privacy | Mobile
Web01 | 2.8.150414.5 | Last Updated 25 May 2013
Copyright © CodeProject, 1999-2015
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