Click here to Skip to main content
Rate this: bad
good
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'> 
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    </div>
 
The current open('article') contained like that:
 
 
    <div class="whyUsCarouselInner">
       <%# Container.DataItem.Image.Print()%>
         <div class="graycontent">
          ...
         </div>
    </div>
 
*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
eran11341

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

  Print Answers RSS
0 Maciej Los 295
1 OriginalGriff 259
2 Sergey Alexandrovich Kryukov 205
3 Aajmot Sk 187
4 Sinisa Hajnal 176
0 OriginalGriff 7,800
1 Sergey Alexandrovich Kryukov 7,072
2 DamithSL 5,604
3 Manas Bhardwaj 4,986
4 Maciej Los 4,790


Advertise | Privacy | Mobile
Web03 | 2.8.1411023.1 | Last Updated 25 May 2013
Copyright © CodeProject, 1999-2014
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