Need help with: Showing a hidden DIV area on click

Replace the code:

<div id="Div_1" style="display: none; background-color: #ffffdd; width: 300px;">

<h1>Hello...I was hiding</h1>


</div>

in the code:



<div id="Div_1" style="display: none; ">
<div class="row">

<ul><!-- class="products product-thumb-info-list" data-plugin-masonry-->






<div class="col-md-3 col-sm-6 col-xs-12">
<li class="product">

<span class="product-thumb-info">

<a href="custom-company-logo.php">
<span class="product-thumb-info-image">
<span class="product-thumb-info-act">
<span class="product-thumb-info-act-left"><em>View</em></span>
<span class="product-thumb-info-act-right"><em><i class="fa fa-plus"></i> Details</em></span>
</span>
<img alt="" class="img-responsive" src="img/products/logo1.jpg">
</span>
</a>
<span class="product-thumb-info-content">
<a href="custom-company-logo.php">
<h4>Custom Company Logo</h4>
<span class="price">

<ins><span class="amount">$49</span></ins>
</span>
</a>
</span>
</span>
</li>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<li class="product">
<span class="product-thumb-info">

<a href="copywriting.php">
<span class="product-thumb-info-image">
<span class="product-thumb-info-act">
<span class="product-thumb-info-act-left"><em>View</em></span>
<span class="product-thumb-info-act-right"><em><i class="fa fa-plus"></i> Details</em></span>
</span>
<img alt="" class="img-responsive" src="img/products/copy1.jpg">
</span>
</a>
<span class="product-thumb-info-content">
<a href="copywriting.php">
<h4>Copywriting</h4>
<span class="price">
<span class="amount">$19.50/per 500 words</span>
</span>
</a>
</span>
</span>
</li>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<li class="product">
<span class="product-thumb-info">

<a href="facebook-fan-page.php">
<span class="product-thumb-info-image">
<span class="product-thumb-info-act">
<span class="product-thumb-info-act-left"><em>View</em></span>
<span class="product-thumb-info-act-right"><em><i class="fa fa-plus"></i> Details</em></span>
</span>
<img alt="" class="img-responsive" src="img/products/fb-page1.jpg">
</span>
</a>
<span class="product-thumb-info-content">
<a href="facebook-fan-page.php">
<h4>Facebook Fan Page</h4>
<span class="price">
<span class="amount">$47</span>
</span>
</a>
</span>
</span>
</li>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<li class="product">
<span class="product-thumb-info">

<a href="video-editing-production.php">
<span class="product-thumb-info-image">
<span class="product-thumb-info-act">
<span class="product-thumb-info-act-left"><em>View</em></span>
<span class="product-thumb-info-act-right"><em><i class="fa fa-plus"></i> Details</em></span>
</span>
<img alt="" class="img-responsive" src="img/products/video1.jpg">
</span>
</a>
<span class="product-thumb-info-content">
<a href="video-editing-production.php">
<h4>Video Production</h4>
<span class="price">
<span class="amount">$149/minute</span>
</span>
</a>
</span>
</span>
</li>
</div>


</div>

<div class="row" style="height:15px;"></div>

</div>

You're welcome!