JQuery Изменение размера текста динамически

Фрагменты кода jQuery и html для динамического изменения размера текста на веб-странице, когда пользователь нажимает кнопки увеличения или уменьшения размера текста.

Код JQuery

$(document).ready(function(){ var section = new Array('span','.section2'); section = section.join(','); // Reset Font Size var originalFontSize = $(section).css('font-size'); $(".resetFont").click(function(){ $(section).css('font-size', originalFontSize); }); // Increase Font Size $(".increaseFont").click(function(){ var currentFontSize = $(section).css('font-size'); var currentFontSizeNum = parseFloat(currentFontSize, 10); var newFontSize = currentFontSizeNum*1.2; $(section).css('font-size', newFontSize); return false; }); // Decrease Font Size $(".decreaseFont").click(function(){ var currentFontSize = $(section).css('font-size'); var currentFontSizeNum = parseFloat(currentFontSize, 10); var newFontSize = currentFontSizeNum*0.8; $(section).css('font-size', newFontSize); return false; }); }); 

HTML-код

 + | - | = Font size can be changed in this section 
  Это не будет затронуто 
  Этот тоже можно регулировать! 

Посмотреть демо