Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

48 lines (41 sloc) 1.536 kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>jQuery UI Resizable - Synchronous resize</title>
<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
#resizable { background-position: top left; }
#resizable, #also { width: 150px; height: 120px; padding: 0.5em; }
#resizable h3, #also h3 { text-align: center; margin: 0; }
#also { margin-top: 1em; }
</style>
<script type="text/javascript">
$(function() {
$("#resizable").resizable({
alsoResize: '#also'
});
$("#also").resizable();
});
</script>
</head>
<body>
<div class="demo">
<div id="resizable" class="ui-widget-header">
<h3 class="ui-state-active">Resize</h3>
</div>
<div id="also" class="ui-widget-content">
<h3 class="ui-widget-header">will also resize</h3>
</div>
</div><!-- End demo -->
<div class="demo-description">
<p>Resize multiple elements simultaneously by clicking and dragging the sides of one. Pass a shared selector into the <code>alsoResize</code> option.</p>
</div><!-- End demo-description -->
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.