Comment mettre plusieurs "accordion sliders" sur une même page?

-

bonjour,
j'essaie de mettre plusieurs accordion sliders sur une même page html, dans le de présenter une équipe. chaque fois il y une photo et un petit texte explicatif qui s'ouvre ou se ferme. je me sert d'un template, j'essaie de faire un copié-collé du code, mais ça ne fonctionne pas ...

 

est-ce que quelqu'un pourrait m'aider ??

 

merci

 

voici le code que j'essaie de dupliquer sans succès :

 

<!-- start accordion slider -->

           <ul class="accordion-slider">

      

        <li class="step listitem" style="max-width:342px">

        <div class="photo-preview title handle">

        <img width="130" height="205" src="images/team/susanna.png" alt="susanna" title="susanna" />

                                <h5><span>susanna</span></h5>

        <p class="profile">web designer</p>

        </div>

        <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>sed nec placerat odio</strong>.  vestibulum in orci nec turpis ultrices malesuada @ et dolor. praesent  dapibus augue ac mauris fringilla condimentum vestibulum!</p>

        </li>

      

        <li class="step listitem" style="max-width:342px">

        <div class="photo-preview title handle">

        <img width="130" height="205" src="images/team/samuel.png" alt="samuel" title="samuel" />

                                <h5><span>samuel</span></h5>

        <p class="profile">art director</p>

        </div>

        <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>sed nec placerat odio</strong>.  vestibulum in orci nec turpis ultrices malesuada @ et dolor. praesent  dapibus augue ac mauris fringilla condimentum vestibulum!</p>

        </li>

      

        <li class="step listitem" style="max-width:342px">

        <div class="photo-preview title handle">

        <img width="130" height="205" src="images/team/thomas.png" alt="thomas" title="thomas" />

                                <h5><span>thomas</span></h5>

        <p class="profile">sales account</p>

        </div>

        <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>sed nec placerat odio</strong>.  vestibulum in orci nec turpis ultrices malesuada @ et dolor. praesent  dapibus augue ac mauris fringilla condimentum vestibulum!</p>

        </li>

      

        <li class="step listitem" style="max-width:342px">

        <div class="photo-preview title handle">

        <img width="130" height="205" src="images/team/victor.png" alt="victor" title="victor" />

                                <h5><span>victor</span></h5>

        <p class="profile">customer service</p>

        </div>

        <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>sed nec placerat odio</strong>.  vestibulum in orci nec turpis ultrices malesuada @ et dolor. praesent  dapibus augue ac mauris fringilla condimentum vestibulum!</p>

        </li>

      

        <li class="step listitem" style="max-width:342px">

        <div class="photo-preview title handle">

        <img width="129" height="205" src="images/team/jasmine.png" alt="jasmine" title="jasmine" />

                                <h5><span>jasmine</span></h5>

        <p class="profile">copywriter</p>

        </div>

        <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>sed nec placerat odio</strong>.  vestibulum in orci nec turpis ultrices malesuada @ et dolor. praesent  dapibus augue ac mauris fringilla condimentum vestibulum!</p>

        </li>

      

        </ul>  

           <!-- end accordion slider -->

the broad answer: use different id each of sliders , use id in constructors.

 

the bespoke answer: please supply full code page including css , js. best way upload site , give url.



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

Adobe Reader DC install error 150410

-
i try install adobe reader dc on windows 7 home premium 64bit got error 150410 , says "setup interrupted before adobe reader dc installed."   any idea guys ? thx in advance. hi fudhail,   restart system , try installing again.   regards, rahul tyagi More discussions in Acrobat Reader adobe
Read more

Error: 100600 Update failed, updates have been disabled by your system policy

-
Image
just installed acrobat 11.0.13 on windows 7 sp 1 ultimate 64-bit machine.  when try run, > check updates, error below.  happening on several machines.  in domain group policy not restrict updates.  have tried running acrobat "run administrator" , have tried running update service administrator.  no luck.     common acrobat nonsense, there not policy acrobat !!! just missing unnecessary adobe arm !!! this time when see stupid error message installer, not install updater as  !!! but avoid annoying offer update usefulness acrobat dc (ok adobe give try, respect effort, no more reader (sorry adobe !!!) remove complete adobe arm folder, acrobat not need , loose nothing of functionality !!! however paid acrobat xi pro , not need degradation it  dc !!! (if have installed arm , delete it, will, on "check updates nothing or common update error ) you nonsense: acrobat updates have been disabled system policy.   error: 100700 if installer ...
Read more

ReferenceError: Window does not have a constructor : 325

-
i trying batch process nef , dng files when error comes up: "referenceerror: window not have constructor : 325"   the same problem comes when trying batch processed files in same locations.   running cs6 bridge 5.0.2.4 ps 13.06x64   help!!! hi,   let try reset preferences of photoshop press , hold alt+control+shift (windows) or option+command+shift (mac os) start photoshop. prompted delete current settings. new preferences files created next time start photoshop. note: using keyboard shortcut, preference files custom shortcuts, workspaces, , color settings reset default.   thanks More discussions in Photoshop adobe
Read more