You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

57 lines
926 B

  1. semantic.sidebar = {};
  2. // ready event
  3. semantic.sidebar.ready = function() {
  4. // selector cache
  5. var
  6. // alias
  7. handler
  8. ;
  9. $('.ui.sidebar .ui.dropdown')
  10. .dropdown({
  11. on: 'hover'
  12. })
  13. ;
  14. $('.left.sidebar')
  15. .sidebar()
  16. ;
  17. $('.left.example')
  18. .find('.button')
  19. .on('click', function() {
  20. var
  21. transition = $(this).data('transition')
  22. ;
  23. $('.left.sidebar')
  24. .sidebar('setting', {
  25. transition : transition,
  26. mobileTransition : transition
  27. })
  28. .sidebar('toggle')
  29. ;
  30. })
  31. ;
  32. $('.direction.example')
  33. .find('.button')
  34. .on('click', function() {
  35. var
  36. direction = $(this).data('direction')
  37. ;
  38. $('.' + direction + '.sidebar')
  39. .sidebar('toggle')
  40. ;
  41. })
  42. ;
  43. };
  44. // attach ready event
  45. $(document)
  46. .ready(semantic.sidebar.ready)
  47. ;