Advertisement
Guest User

Untitled

a guest
Feb 20th, 2019
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.16 KB | None | 0 0
  1. <div class="table">
  2. <div class="table_headline">
  3. <div class="cell_1">When?</div>
  4. <div class="cell_2">What?</div>
  5. <div class="cell_3">Who?</div>
  6. <div class="cell_4">Where?</div><br>
  7. </div>
  8.  
  9. <div class="row">
  10. <div class="cell_1">Date</div>
  11. <div class="cell_2">Concert</div>
  12. <div class="cell_3">Artist #1 + Artist #2 + Artist #3</div>
  13. <div class="cell_4">Venue</div><br>
  14. </div>
  15. <div class="info">Infos</div>
  16.  
  17. <div class="row">
  18. <div class="cell_1">Date</div>
  19. <div class="cell_2">Concert</div>
  20. <div class="cell_3">Artist #1 + Artist #2 + Artist #3</div>
  21. <div class="cell_4">Venue</div><br>
  22. </div>
  23. <div class="info">Infos</div>
  24.  
  25. <div class="row">
  26. <div class="cell_1">Date</div>
  27. <div class="cell_2">Concert</div>
  28. <div class="cell_3">Artist #1 + Artist #2 + Artist #3</div>
  29. <div class="cell_4">Venue</div><br>
  30. </div>
  31. <div class="info">Infos</div>
  32. </div>
  33.  
  34. <script>$(document).ready(function() {
  35. $('.row').on('click', function() {
  36. $(this).closest('.table').find('.info').slideToggle();
  37. })
  38. })
  39. </script>
  40.  
  41. $(this).closest('.table').find('.info').slideToggle();
  42.  
  43. $(this).next().slideToggle();
  44.  
  45. $('.row').on('click', function() {
  46. $(this).next('.info').slideToggle();
  47. })
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement