[quote=“iamntz”]In order to behave like that, you need to define some custom snippets (tools -> new snippet). Then you can define tabstops by using $ followed by a number (e.g. $1, $2, $3).
For example, to define a jQuery event binding, you could use this snippet:
<snippet>
<content><![CDATA[
\$(${1:el}).on('${5:click}', function(e){
$0;
});
]]></content>
<tabTrigger>event</tabTrigger>
<scope>source.js</scope>
</snippet>
Using this, when you’re editing a javascript file, you just need to type event + tab and you’re unleash the beast! 
As you can see, the first $ sign should be escaped (because it is not a tab stop).
Instead of using subsequent numbers, I prefer leaving some gaps, because if I sometime need to add another tab stop, I could just add a number between 1 and 5.
$0 means the end of the tab sequence, and is the point where everything will stop.
You can read more on this subject here:
Thanks for the help!