Set element width
Description
The following code shows how to chain .width() with .css() function.
Example
<html>
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {<!-- ww w .j a v a2s.co m-->
$("div").one('click', function() {
$(this).width(30).css({
cursor : "auto",
"background-color" : "blue"
});
});
});
</script>
<style>
div {
width: 50px;
height: 70px;
float: left;
margin: 5px;
background: rgb(255, 140, 0);
cursor: pointer;
}
</style>
</head>
<body>
<body>
<div></div>
<div></div>
</body>
</html>