change_size

<!DOCTYPE HTML>
<html lang=en>
<head>
    <title>Belajar Jquery dan Ajax</title>

    <style type="text/css">
    </style>

</head>
<body>


    Font size : <a href="#" id="smaller">smaller</a> <a href="#" id="bigger">bigger</a>
    <p> this is some teks </p>
    <p> this is more some teks</p>

     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript">
     function change_size(element, size){
        var a = parseInt(element.css('font-size')) ;
        if (size== 'smaller'){
            var new_size =  a - 2;
        }
        else if (size == 'bigger'){
            var new_size = a + 2 ;
        }
      element.css('font-size', new_size + 'px');

    }

    $('#smaller').click(function(){
        change_size($('p'), 'smaller');
    });

    $('#bigger').click(function(){
        change_size($('p'), 'bigger');
    });

    </script>

</body>
<html>