diff -r af3778eab5e8 -r 1ecfe4720da7 client/player/development-bundle/docs/switchClass.html --- a/client/player/development-bundle/docs/switchClass.html Tue Jun 15 14:04:01 2010 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,129 +0,0 @@ - - -
-

jQuery UI switchClass

-
-

Overview

-
-
[edit]

switchClass( remove, add, [duration] )

-

Switches from the class defined in the first argument to the class defined as second argument, using an optional transition.

-
-
-

Dependencies

-
    -
  • Effects Core
    • -
-
-
-

Example

-
- -

-Switch the class 'highlight' to 'blue' when a paragraph is clicked with a one second transition.
-

-
$("p").click(function () {
-      $(this).switchClass("highlight", "blue", 1000);
-    });
-
-

-

-
<!DOCTYPE html>
-<html>
-<head>
-  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
-  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
-  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
-  <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
-<style type="text/css">
-  p { margin: 4px; font-size:16px; font-weight:bolder; 
-      cursor:pointer; }
-  .blue { background: blue; }
-  .highlight { background:yellow; }
-</style>
-  <script>
-  $(document).ready(function() {
-    $("p").click(function () {
-      $(this).switchClass("highlight", "blue", 1000);
-    });
-  });
-  </script>
-</head>
-<body style="font-size:62.5%;">
-  
-<p class="highlight">Click to switch</p>
-<p class="highlight">to blue</p>
-<p class="highlight">on these</p>
-<p class="highlight">paragraphs</p>
-
-</body>
-</html>
-
-

-

-
-
-
-

Arguments

- -
-
- -

- -