jEmotion
Sometime you need to hide the emotion icons on your web to view exact content. jEmotion is a small jquery plugins help you do that by a click and you needn't to reload the page.
Example | How to use | Options
How to use 
- Step 1 - Setup
- Include just these two javascript files in your header.<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jemotion.js"></script> - Step 2 - Activate
- The only necessity is to have a HTML markup likes it:
- After it, select the links and call the Emotions. See some examples:<div class="emotion"> >:) :)) /:) <):) :)] :) :(( :( ;;) ;) >:D< :D :-SS #:-S :-? >:P :P (:| :| :-/ :-* =(( ~X( B-) :-S =)) O:-) :-B =; 8-| L-) :-& :-$ [-( :O) 8-}
<:-P :x =P~ #-o =D> @-) :^o :-w :-< :-O :> :-c X( :-h 8-> </div><script type="text/javascript">
var opt = {
handle: "a#toggle",
css: null //Note: don't put comma (,) after the last property
}
$('a.emotion).emotion(opt);
</script>
View full options
Options
| Option | Default | Description |
|---|---|---|
| handle | a#toggle | The specified elements that the emotions will on of when you click on. |
| dir | emotions/ | The foleder that includes the emotion icons. |
| label | On Emotions | The name string show on hadle elements when you click on first. |
| style | null | The string of style on handle element when you click on first. |
| class | null | The class name that will added to handle element when you click on first. |
| emotions | The javascript object includes syntax of emotion icons. Default emotions:
emotions: [ |