Guest User

Untitled

a guest
Jul 20th, 2018
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.95 KB | None | 0 0
  1. YUI().use('node', 'transition', 'event', 'event-delegate', function(Y) {
  2. // vars to pass in via options object
  3. var minSegHght = 32; // minimum height of a segment
  4. //
  5.  
  6. var accordion = Y.one('.accordion'),
  7. contHght = accordion.get('offsetHeight'),
  8. segs = Y.all('.segment'),
  9. numSeg = segs.size(),
  10. spacing = Y.one('.segment').getStyle('marginBottom').replace(/px/,''),
  11. normSegHght = (contHght - ((numSeg - 1) * spacing)) / numSeg,
  12. maxSegHght = (contHght - ((numSeg - 1) * spacing)) - ((numSeg - 1) * minSegHght);
  13.  
  14. function selectSegment(e) {
  15. segs.each(function(node) {
  16. if(node === e.currentTarget) {
  17. node.transition({height: maxSegHght + 'px'});
  18. } else {
  19. node.transition({height: minSegHght + 'px'});
  20. }
  21. });
  22. }
  23.  
  24. function deselectSegment(e) {
  25. segs.each(function(node) {
  26. node.transition({height: normSegHght + 'px'});
  27. });
  28. }
  29.  
  30. accordion.delegate('mouseover', selectSegment, '.segment');
  31. accordion.on('mouseout', deselectSegment);
  32. });
Add Comment
Please, Sign In to add comment