Making things easier...

Making things easier...

Hi everyone,

Can someone help me how to make my script smaller by creating a function that controlls every textboxes instead of one textbox. See below my code that I want to make it smaller...

  1. $(".searchField").focus(
        function()
        {
            $(".searchField").css('border', '2px solid #4188c4')  
        });
        $(".searchField").focusout(
        function()
        {
            $(".searchField").css('border', '2px solid #ccc')  
        });
       
        $(".usernameField").focus(
        function()
        {
            $(".usernameField").css('border', '2px solid #4188c4')  
        });
        $(".usernameField").focusout(
        function()
        {
            $(".usernameField").css('border', '2px solid #000000')  
        });
       
        $(".passwordField").focus(
        function()
        {
            $(".passwordField").css('border', '2px solid #4188c4')  
        });
       
        $(".passwordField").focusout(
        function()
        {
            $(".passwordField").css('border', '2px solid #000000')  
        });

































Thanx for the help everyone!