jQuery Toggle Multiple Elements


/ Published in: jQuery
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <!-- jQuery Code -->
  2. $(document).ready(function() {
  3. $('#commentbox').hide();
  4.  
  5. $('a.comment').click(function() {
  6. var id = $(this).attr('id');
  7. $('#commentbox' + id).toggle(500);
  8. // alert(id);
  9. return false;
  10. });
  11.  
  12. });
  13.  
  14.  
  15. <!-- HTML -->
  16.  
  17. <div class="story">
  18. <div class="storytitle">hello</div>
  19.  
  20. <div class="storybg">blah blah blah</div>
  21. <div class="storybottom"><a href="#" id="3242" class="comment"
  22. name="3242">comment</a></div>
  23. <div id="commentbox3242" class="commentbox"
  24. style="display:none">comment form</div>
  25. </div>
  26.  
  27.  
  28. /* ------------------------------- VOORBEELD ------------------------------- */
  29.  
  30. <ul>
  31. <li>
  32. <img src="/<?php print path_to_theme(); ?>/images/martin.jpg" alt="Martin de Keijzer" />
  33. <h3>Martin de Keijzer</h3>
  34. <p>Software Engineer</p>
  35. <h4>"Werken doe je maar thuis, hier kom je voor je passie"</h4>
  36. <p><a href="#" id="1" class="leesmeer">Lees verder</a></p>
  37. <p id="leesmeer1" class="werknemertekst">Bij Ibuildings werken is meer dan
  38. gewoon 'werk', het is fijn om met gedreven collega's te werken aan oplossingen die robuust en vooruitstrevend zijn. Het werken aan verschillende technieken en met verschillende frameworks zoals Zend Framework, Code Igniter, jQuery, PHPUnit, Jenkins maken het iedere dag weer een uitdaging om hier het beste uit te halen. Daarnaast verbreden we onze horizon continue, zo ook met de nieuwe technologieën die op dit moment nog in de verschillende browsers worden geïmplementeerd. Hierbij kun je denken aan de HTML video-tag, form tags of de nieuwe content definitie tags. Maar ook de bijbehorende API's die steeds meer beginnen te leven zoals web-workers, application cache, file access en vele anderen. Zoals we aangeven blinken we uit in PHP, maar we gaan verder dan dat om zo klaar te zijn voor de toekomst van het nieuwe internet.
  39.  
  40. Er wordt uiteraard niet alleen achter het bureau gewerkt, zo organiseert Ibuildings ieder jaar weer de Dutch PHP Conference waar alle werknemers voor worden uitgenodigd. Regelmatig dineren we met elkaar of hebben we een team-uitje waar je je collega's ook persoonlijk beter leert kennen. Daarnaast is het erg prettig om ieder half jaar weer op de hoogte te zijn van de (inter)nationale stand van zaken via de company meetings. Dit alles tezamen geeft mij het gevoel dat Ibuildings de ideale werkplek is waar men kan doorgroeien in een gezellige werksfeer.</p>
  41. </li>
  42. <li>
  43. <img src="/<?php print path_to_theme(); ?>/images/milan.jpg" alt="Martin de Keijzer" />
  44. <h3>Milan Verzijlbergh</h3>
  45. <p>Software Engineer</p>
  46. <h4>"Werken doe je maar thuis, hier kom je voor je passie"</h4>
  47. <p><a href="#" id="2" class="leesmeer">Lees verder</a></p>
  48. <p id="leesmeer2" class="werknemertekst">Bij Ibuildings werken is meer dan gewoon 'werk', het is fijn om met gedreven collega's te werken aan oplossingen die robuust en vooruitstrevend zijn. Het werken aan verschillende technieken en met verschillende frameworks zoals Zend Framework, Code Igniter, jQuery, PHPUnit, Jenkins maken het iedere dag weer een uitdaging om hier het beste uit te halen. Daarnaast verbreden we onze horizon continue, zo ook met de nieuwe technologieën die op dit moment nog in de verschillende browsers worden geïmplementeerd. Hierbij kun je denken aan de HTML video-tag, form tags of de nieuwe content definitie tags. Maar ook de bijbehorende API's die steeds meer beginnen te leven zoals web-workers, application cache, file access en vele anderen. Zoals we aangeven blinken we uit in PHP, maar we gaan verder dan dat om zo klaar te zijn voor de toekomst van het nieuwe internet.
  49.  
  50. Er wordt uiteraard niet alleen achter het bureau gewerkt, zo organiseert Ibuildings ieder jaar weer de Dutch PHP Conference waar alle werknemers voor worden uitgenodigd. Regelmatig dineren we met elkaar of hebben we een team-uitje waar je je collega's ook persoonlijk beter leert kennen. Daarnaast is het erg prettig om ieder half jaar weer op de hoogte te zijn van de (inter)nationale stand van zaken via de company meetings. Dit alles tezamen geeft mij het gevoel dat Ibuildings de ideale werkplek is waar men kan doorgroeien in een gezellige werksfeer.</p>
  51. </li>
  52. </ul>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.