تغییر اندازه متن توسط end user

<a href="#" id="larger">Larger</a><br />
<a href="#" id="smaller">Smaller</a>
<p>
Event handling in jQuery begins by connectingan event
</p>



کد jQ

$(function () {
$('a').click(function () {

var os = $('p').css('font-size');
var num = parseFloat(os, 10);
var uom = os.slice(-2);
if (this.id == 'larger') {
$('p').css('font-size', num * 1.4 + uom);
}
else if (this.id == "smaller") {

$('p').css('font-size', num / 1.4 + uom);
}

});

});