<div>
<div class="content wysiwyg-content">
Need to resize a div by subtracting the height of another div using jquery. <br />
<br />
.main-wrapper is the body content <br />
.slide is a column <br />
.customize-opt is a div within the main-wrapper class<br />
<br />
&lt;div class=&quot;main-wrapper&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div class=&quot;customize-opt&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;content&lt;/p&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div class=&quot;slider&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;content&lt;/p&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
&lt;/div&gt;<br />
<br />
<br />
<br />
<br />
resizeCol: function(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var $this = $(this),<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$slide = $('.slider'),<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$mainWrapper = $('.main-wrapper'),<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$customizeOpt = $('.customize-opt');<br />
&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$slide.css({'height': ($mainWrapper.height - $customizeOpt.height) + 'px'});<br />
},
</div>
</div>


Need to resize a div by subtracting the height of another div using jquery. 

.main-wrapper is the body content 
.slide is a column 
.customize-opt is a div within the main-wrapper class

<div class="main-wrapper">
	<div class="customize-opt">
		<p>content</p>
	</div>
	<div class="slider">
		<p>content</p>
	</div>
</div>




resizeCol: function(){
	var $this = $(this),
	$slide = $('.slider'),
	$mainWrapper = $('.main-wrapper'),
	$customizeOpt = $('.customize-opt');
 	
 	$slide.css({'height': ($mainWrapper.height - $customizeOpt.height) + 'px'});
},

Need to resize a div by subtracting the height of another div using jquery.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.