Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- YUI().use('node', 'transition', 'event', 'event-delegate', function(Y) {
- // vars to pass in via options object
- var minSegHght = 32; // minimum height of a segment
- //
- var accordion = Y.one('.accordion'),
- contHght = accordion.get('offsetHeight'),
- segs = Y.all('.segment'),
- numSeg = segs.size(),
- spacing = Y.one('.segment').getStyle('marginBottom').replace(/px/,''),
- normSegHght = (contHght - ((numSeg - 1) * spacing)) / numSeg,
- maxSegHght = (contHght - ((numSeg - 1) * spacing)) - ((numSeg - 1) * minSegHght);
- function selectSegment(e) {
- segs.each(function(node) {
- if(node === e.currentTarget) {
- node.transition({height: maxSegHght + 'px'});
- } else {
- node.transition({height: minSegHght + 'px'});
- }
- });
- }
- function deselectSegment(e) {
- segs.each(function(node) {
- node.transition({height: normSegHght + 'px'});
- });
- }
- accordion.delegate('mouseover', selectSegment, '.segment');
- accordion.on('mouseout', deselectSegment);
- });
Add Comment
Please, Sign In to add comment