JSFiddle - React, Tailwind, and code Playground

HTML

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

<dd class="socialtext">
            <div class="cont_link cont_link_n" m_post_id="201">
                <h5>Cat 1</h5>
                <h3><a href ="http://google.com/">Post 1</a></h3>
                <p class="st_newww2 st_sharethis1 st_sharethis1_201" m_post_id="201" st_title='Title1' st_url='http://www.smitcky.com/ajax-image-upload-using-php-and-jquery/'>
                    <a href="#">
                        Share
                    </a>
                </p>
               <div class="post_share_m post_share_o_201 main_sh_d" m_post_id="201">
                <span class="post_share_option_m post_share_option_201" m_post_id="201" style="display:none;">
                <ul class="social pshare2_201">
                  <li>
                  <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.smitcky.com/ajax-image-upload-using-php-and-jquery/" data-via="mmm@xxx" data-related="mmm@xxx">Tweet</a>
                  <span class="vhidden twitter_btnn">
                  </span>
                  </a>
                  </li>
                </ul>
              </span>
              </div>
          </div>
      </dd>
      	<dd class="socialtext">
            <div class="cont_link cont_link_n" m_post_id="202">
                <h5>Cat 1</h5>
                <h3><a href ="http://google.com/">Post 1</a></h3>
                <p class="st_newww2 st_sharethis1 st_sharethis1_202" m_post_id="202" st_title='Title1' st_url='http://www.smitcky.com/ajax-image-upload-using-php-and-jquery/'>
                    <a href="#">
                        Share
                    </a>
                </p>
               <div class="post_share_m post_share_o_202...

CSS

.col-mid {
  background: #eff0f1 none repeat scroll 0 0;
  padding: 0 1.3%;
  width: 30.2%;
}
.col-mid dl {
  margin: 0;
  padding: 0;
}
.col-mid dl dd {
  margin: 0 0 23px;
  padding: 0;
}
.col-mid dl dd div {
  background: #ffffff none repeat scroll 0 0;
  display: inline-block;
  padding: 0 !important;
  width: 100%;
}
.col-mid dl dd h5 {
  color: #414141;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  padding: 10px;
  text-transform: uppercase;
}
.col-mid dl dd h3 {
  color: #888888;
  font-size: 19px;
  font-weight: 600;
  line-height: 30px;
  margin: 2px 0 20px;
  padding: 0 20px;
  text-align: left;
}
.cont_link h3 a {
  color: #141414;
}
.col-mid dl dd p {
  color: #999999;
  float: left;
  font-size: 14px;
  line-height: 19px;
  margin: 0;
  text-align: left;
}
.col-mid_new dl dd p a {
  line-height: 22px;
    width:100%;
}
.col-mid dl dd p a .fa {
  font-size: 18px;
}
.col-mid dl dd div {
  background: #ffffff none repeat scroll 0 0;
  display: inline-block;
  padding: 0 !important;
  width: 100%;
}
.post_share_option_m {
  float: left;
  margin-bottom: 1.5px;
  margin-left: 18px !important;
  margin-right: 0;
  margin-top: 1.5px;
  position: relative;
  width: auto !important;
}
.social {
  display: block;
  list-style: outside none none;
  padding: 0;
  width: 100%;
}
.social > li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 3px;
}

JavaScript

jQuery(document).ready(function()
{
    
jQuery(".st_sharethis1").mouseover(function()
	{
    
		jQuery(this).hide();
		var m_post_id=jQuery(this).attr("m_post_id");
		//$(".btn-o").css("width","58px !important");
		//$("iframe").contents().find(".btn-o").addClass("myClass");
		
		jQuery(".post_share_option_"+m_post_id).show();
		
	});
    jQuery(".post_share_m").mouseover(function()
	{
		var m_post_id=jQuery(this).attr("m_post_id");
		jQuery(".post_share_option_"+m_post_id).show();
		jQuery(".st_sharethis1_"+m_post_id).hide();
		//alert("sds");
	});
	
	
	jQuery(".post_share_m").mouseout(function()
	{
		var m_post_id=jQuery(this).attr("m_post_id");
		jQuery(".post_share_option_"+m_post_id).hide();
		jQuery(".st_sharethis1_"+m_post_id).show();
		//alert("sds");
	});
});