Creating jQuery Functions

Let's make jQuery functions!

by Travis

HTML

<ul id="testList">
    <li id="test1">Test 1</li>
    <li id="test2">Test 2</li>
    <li id="test3">Test 3</li>
    <li id="test4">Test 4</li>
    <li id="test5">Test 5</li>
</ul>

CSS

#testList li {background:none; cursor:pointer;}
.colorChange {color:#cccccc;}

JavaScript

$(document).ready(function(){

    $.fn.travism = function() 
    {
        return $(this).click(function(){
            $(this).toggleClass('colorChange');
        });
    }

});

$('#test1, #test2, #test3, #test4, #test5').travism();