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.
<pre>
.pre-scrollable
</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'); }); }
});
$('.short-by a').click(function () { $(this).toggleClass('active-short').siblings().removeClass('active-short'); }); }