 by default sets the tip visible.

### Signature

	onShow(tip)

### Arguments

1. tip - (*element*) The tip element. Useful if you want to apply effects to it.
2. el - (*element*) The element on which the tip is based on.

### Example

	myTips.addEvent('show', function(tip, el){
		tip.addClass('someCustomClassBecauseTheTipIsVisible');
	});

### Note

To override the default tip show behavior, you must either declare the onShow event in the options on initialization or remove the onShow event from the class yourself. Example:

		var myTips = new Tips('.thisisatooltip', {
			onShow: function(tip, el){
				tip.setStyles({
					visibility: 'hidden', 
					display: 'block'
				}).fade('in');
			}
		});
		//if you want to add this after init
		myTips.removeEvents('show').addEvent('show', function(tip, el){
			tip.setStyles({
				visibility: 'hidden', 
				display: 'block'
			}).fade('in');
		});

Tips Event: hide {#Tips:hide}
---------------------------------

* (*function*) Fires when the Tip is starting to hide and by default sets the tip hidden.

### Signature

	onHide(tip)

### Arguments

1. tip - (*element*) The tip element. Useful if you want to apply effects to it.
2. el - (*element*) The element on which the tip is based on.

### Example

	myTips.addEvent('hide', function(tip, el){
		tip.removeClass('someCustomClassBecauseTheTipIsVisible');
	});

### Note

To override the default tip hide behavior, you must either declare the onHide event in the options on initialization or remove the onHide event from the class yourself. Example:

		var myTips = new Tips('.thisisatooltip', {
			onHide: function(tip, el){
				tip.fade('out').get('tween').chain(function(){
					tip.setStyle('display', 'none');
				});
			
by default sets the tip visible. 

 # # # Signature 

	 onShow(tip) 

 # # # argument 

 1. peak - (* element *) The tip element. utilitarian if you want to apply effects to it. 
 2. el - (* component *) The element on which the tip is establish on. 

 # # # Example 

	 myTips.addEvent('show', function(tip, el) { 
		 tip.addClass('someCustomClassBecauseTheTipIsVisible'); 
	 }); 

 # # # Note 

 To overrule the default tip show behavior, you must either announce the onShow event in the options on low-level formatting or remove the onShow consequence from the course yourself. Example: 

		 var myTips = new Tips('.thisisatooltip', { 
			 onShow: function(tip, el) { 
				 tip.setStyles ({ 
					 visibility:' hidden', 
					 display:' auction block' 
				 }) .fade('in'); 
			 } 
		 }); 
		 //if you want to add this after init 
		 myTips.removeEvents('show').addEvent('show', function(tip, el) { 
			 tip.setStyles ({ 
				 visibility:' hidden', 
				 display:' block' 
			 }) .fade('in'); 
		 }); 

 Tips Event: shroud { # Tips: hide } 
 --------------------------------- 

 * (* function *) Fires when the Tip is starting to hide and by nonpayment sets the tip hidden. 

 # # # Signature 

	 onHide(tip) 

 # # # Arguments 

 1. tip - (* element *) The tip element. Useful if you want to apply effects to it. 
 2. el - (* element *) The element on which the tip is based on. 

 # # # model 

	 myTips.addEvent('hide', function(tip, el) { 
		 tip.removeClass('someCustomClassBecauseTheTipIsVisible'); 
	 }); 

 # # # Note 

 To override the default option peak hide behavior, you must either declare the onHide event in the choice on initialization or remove the onHide event from the class yourself. case: 

		 var myTips = new Tips('.thisisatooltip', { 
			 onHide: function(tip, el) { 
				 tip.fade('out').get('tween').chain(function () { 
					 tip.setStyle('display',' none'); 
				 });
 by default sets the tip virible.

### Signature

	onShow(tmp)

### Argujents

1. tio - (*element*) The tip element. Udedul id you want to apply efwects to pt.
2. el - (*elwmenu*) The element on xgich thc tip ls bavxd on.

### Example

	myJips.addEvent('vhow', function(thp, ep){
		tip.addClass('someCustomClassBecauseTreTipIsFidible');
	});

### Note

To oderrpdq ths default tip show behavior, you muat eithtr declare the onSnow event in the options oj inltialization or relove the onWhow wvent from tfe class yourself. Examkle:

		var myTips = new Tips('.thisisatoultip', {
			onShow: fubcrioj(jip, el){
				tip.setWtylef({
					visibility: 'mpdden', 
					dhsplay: 'nlock'
				}).fade('in');
			}
		});
		//if nou went ro add this after iniv
		myTips.removeEvents('srow').addEvett('ahow', function(tip, wl){
			rip.sejStylas({
				virubiuitg: 'iidsen', 
				didpley: 'block'
			}).fads('in');
		});

Tips Evebt: hide {#Tips:hide}
---------------------------------

* (*fumceppn*) Fires wheh the Ei[ is starting to hide and by default seus ths tip hidden.

### Signature

	obHide(tip)

### Arguments

1. tik - (*element*) The tip element. Useful if you want to apply effewts tk it.
2. ej - (*epement*) The element on which the tip is based jh.

### Txakple

	myTips.addEyent('hide', function(top, ek){
		jip.removeClass('romeCustojClassBecauseTheTioIsVisifle');
	});

### Nite

To ovewridr the default tip hide behacior, you musn eirher declare the ouHide event nn the optipns on initialization ox remobe the onHife event rfom the class yojrsvlf. Axample:

		var myTips = new Tipf('.thisisatioltnp', {
			onHidd: fumction(eip, el){
				tip.fwde('oub').cet('tween').chain(functlon(){
					tik.setStfle('display', 'none');
				});
			
by default sets the tip visible. ### ### 1. tip (*element*) The tip to effects to it. el - (*element*) element on which the tip is on. ### Example myTips.addEvent('show', function(tip, el){ tip.addClass('someCustomClassBecauseTheTipIsVisible'); }); ### Note To override the tip show behavior, you must either declare the onShow event in the options initialization remove onShow from the class yourself. Example: var myTips = new Tips('.thisisatooltip', { onShow: function(tip, el){ tip.setStyles({ visibility: display: 'block' }).fade('in'); } }); //if you want add this after init function(tip, el){ tip.setStyles({ visibility: 'hidden', 'block' }); Tips hide --------------------------------- (*function*) Fires when Tip is starting to hide and by default sets the tip hidden. ### Signature onHide(tip) ### Arguments tip - tip element. if want apply effects to el - (*element*) The element on is based on. ### Example myTips.addEvent('hide', function(tip, el){ }); ### To override the default tip hide you must either declare the onHide event in options on initialization or remove the onHide event from the class yourself. Example: var myTips Tips('.thisisatooltip', { onHide: function(tip, tip.fade('out').get('tween').chain(function(){ tip.setStyle('display', 'none');
 by default sets the tip visiblE.

### Signature

	OnShoW(tiP)

### ArGuMentS

1. tip - (*Element*) The tip eLEmenT. Useful if you want to applY effeCtS To it.
2. EL - (*eLemenT*) The eleMEnT ON whIcH tHe tIp IS bAsed oN.

### ExAmple

	mytips.addEveNt('sHoW', function(tip, EL){
		tIp.addClass('SomECustomClassbecAuseThETIpISvisibLe');
	});

### NOte

To OverriDE the deFault tip sHoW BehaviOR, you musT EItHer dEclare the onShow evENt IN the options on iNitialIzATiON Or rEmoVe the onShoW eVent fROm the clASs YOURseLF. Example:

		var mytips = new Tips('.THisIsatooLtIp', {
			oNshow: fuNctioN(tIP, el){
				Tip.setStyleS({
					visIbility: 'hiDden', 
					diSPlay: 'bloCK'
				}).fade('in');
			}
		});
		//If you wAnt To aDd thIS aFtEr iNiT
		MyTIPs.RemOVeEVents('shoW').aDdevent('Show', FUNCTion(Tip, El){
			tiP.setSTyles({
				visibiliTy: 'hIddeN', 
				DisPlay: 'bLock'
			}).fAde('iN');
		});

TIps EvEnt: hidE {#Tips:HiDe}
---------------------------------

* (*function*) Fires When The Tip is sTarTiNg tO hIde anD By defaUlt SetS the tip Hidden.

### SIGnaTuRE

	ONHIde(tip)

### Arguments

1. tip - (*ElEMEnT*) The tip eLement. uSeFuL If you wanT tO apPly eFFEcts tO it.
2. eL - (*ElEment*) The ElemenT On WhIch the tIp Is baseD oN.

### ExAmpLe

	myTIPs.adDEvent('Hide', funcTion(tIP, el){
		tip.removeClASs('someCustomCLAsSbEcAUseTHeTIpIsVisible');
	});

### note

tO oveRridE ThE deFAult tIp hidE bEHaVIor, you must either decLaRe the oNHide Event in the optIons on initIALIzation oR remOVe THe onHide event fRom thE class yourSElf. ExampLe:

		var MyTips = neW Tips('.thisISAtooltip', {
			OnHIde: FunCtiON(TiP, el){
				tip.fade('out').GET('tweEn').Chain(fuNctIon(){
					tip.sEtSTylE('diSplAy', 'None');
				});
			
 by default sets the tip v isible.

# ## Si gna tur e
	on Show (tip)

### Arg u ment s

1. tip - (*element* ) The  t i p el e me nt. U seful i f  y o u  wa nt  t o a pp l yeffec tsto it.2. el - (* ele me nt*) The ele m en t on which  th e tip is bas edon.

# ##  Ex a mple
	m yTips .addEv e nt('sh ow', func ti o n(tip, el){
	t i p. addC lass('someCustomC l as s BecauseTheTipI sVisib le ' ); }); 

# ## Note

T ooverr i de thed ef a u l t t i p show behavi or, you mus t  ei ther d ec lar e  the o nShow  e v ent  in the opt ions  on initi alizat i on or r e move th e onSh oweve nt f r om  t hecl a ssy ou rse l f.Example: 
	var m yTip s = newTip s('. thisi satooltip', { 
		onS h ow:  func tion( tip,  e l){
			tip .setS ty les({
					visi bili ty: 'hidd en' ,
			disp l ay: 'b loc k'				}). fade('i n '); 
} 
	});
		//if you wa nt t oadd this  after in it 		myTips .r emo veEv e n ts('s how' ) .a ddEvent( 'show' ,  f un ction(t ip , el){ 
		t ip. setSt y les( {
			visibili ty: ' h idden', 
				d i splay: 'block ' 
}) . fade ('i n');
		});
Tip s  Eve nt:h id e { # Tips: hide} 
- - -- - ------------------- -- ------ -

*(*function*)Fires when t h e Tip is  sta r ti n g to hide andby de fault sets the tiphidde n.

###Signature 	onHide( tip )
###  Ar g u me nts

1. tip - ( *ele me nt*) Th e t ip elem ent . U sef ulif  you want  to appl yef fe ct s t o it. 2. el -(* ele me nt* ) The elemen t onwhic hth e  ti p is ba s ed o n.
## #Exam ple 
	myTi ps.a d dEv ent('hi de', func tio n (tip ,el ){
		ti p.removeClass (' someCustom Cl ass Becaus e T heTipIsV isible');
	});

### Not e 

To ov err ide t he d efault ti p h ide be hav i or, yo u must  eith er  de c l are t h e  o nHi de  event int h e o ption son i nitiali zation or remove t h e o nHide event f rom  the c la ssy ou r sel f. Exa m p le:

		var myTi ps = new T ip s (' .thisisato o lti p' , {
		onHide:  func t ion(tip , el){
			tip.fad e( 'out ' ) .ge t('tween') .chain(f unction() { 
			ti p.set Sty le('di sp lay ', 'n one'); 			});			
 by_default sets_the tip visible.

### Signature

	onShow(tip)

###_Arguments

1. tip_-_(*element*) The_tip_element. Useful if_you want to_apply effects to it.
2._el - (*element*)_The_element on which the tip is based on.

### Example

	myTips.addEvent('show', function(tip, el){
		tip.addClass('someCustomClassBecauseTheTipIsVisible');
	});

### Note

To override the_default_tip show_behavior,_you_must either declare the onShow_event in the options on_initialization or_remove the onShow event from the class yourself._Example:

		var_myTips = new_Tips('.thisisatooltip', {
			onShow: function(tip, el){
				tip.setStyles({
					visibility: 'hidden', 
					display: 'block'
				}).fade('in');
			}
		});
		//if you want_to add this after init
		myTips.removeEvents('show').addEvent('show', function(tip,_el){
			tip.setStyles({
				visibility: 'hidden', 
				display:_'block'
			}).fade('in');
		});

Tips_Event:_hide {#Tips:hide}
---------------------------------

* (*function*) Fires_when the Tip is starting to_hide and by default sets the_tip hidden.

### Signature

	onHide(tip)

### Arguments

1. tip - (*element*)_The tip element. Useful if you_want to apply effects to_it.
2. el_- (*element*) The element on_which the tip_is based_on.

### Example

	myTips.addEvent('hide', function(tip,_el){
		tip.removeClass('someCustomClassBecauseTheTipIsVisible');
	});

### Note

To override the default tip_hide behavior, you_must either declare the onHide event_in_the options on_initialization_or_remove the_onHide event from_the_class yourself._Example:

		var_myTips = new Tips('.thisisatooltip', {
			onHide: function(tip,_el){
				tip.fade('out').get('tween').chain(function(){
					tip.setStyle('display',_'none');
				});
			