Best Answer

Code blocks

Use <pre>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the .pre-scrollable class, which will set a max-height of 350px and provide a y-axis scrollbar.

                            
                        </p>
<ul class="list-unstyled f_social_icon">
<li><a href="#" rel="nofollow"><i class="social_facebook"></i><i><a>
<li>
    </li>
<li><a href="#" rel="nofollow"><i class="social_twitter"></i><i><a>
<li>
    </li>
<li><a href="#" rel="nofollow"><i class="social_vimeo"></i><i><a>
<li>
    </li>
<li><a href="#" rel="nofollow"><i class="social_linkedin"></i><i><a>
<li>
<ul>
                    
                            

JavaScript Code

                            
                         
function general() { 
	$('.collapse-btn').on('click', function (e) { 
		e.preventDefault(); 
		$(this).toggleClass('active') 
		$(".collapse-wrap").slideToggle(500);

});

$('.short-by a').click(function () { $(this).toggleClass('active-short').siblings().removeClass('active-short'); }); }