I have something like this:

        $("li.column1").hover(
                function () {
        $("li.column1").addClass("columnSelected");
      },
      function () {
        $("li.column1").removeClass("columnSelected");
      }
        );

        $("li.column2").hover(
                function () {
        $("li.column2").addClass("columnSelected");
      },
      function () {
        $("li.column2").removeClass("columnSelected");
      }
        );

        $("li.column3").hover(
                function () {
        $("li.column3").addClass("columnSelected");
      },
      function () {
        $("li.column3").removeClass("columnSelected");
      }
        );

.... and so on ...

        $("li.column31").hover(
                function () {
        $("li.column31").addClass("columnSelected");
      },
      function () {
        $("li.column31).removeClass("columnSelected");
      }
        );


So I have 31 times the same thing only class number is changing. How
can I do this i simpler way?

Thanks

Reply via email to