Social Media Icons

by Ali Khaled

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="social">
    <i class="fa fa-desktop"></i>Try Our Beta Search Engine
    
</div>

CSS

div.social i.fa-desktop{color: #3B5998;background:lightblue;width:20px;}

JavaScript

$(function(){        
    $("div.social-left").delegate("i.fa-caret-left", "click", function(){
        $("div.social-left").addClass("hidden");
        $(this).removeClass("fa-caret-left");
        $(this).addClass("fa-caret-right");
    });
    
    $("div.social-left").delegate("i.fa-caret-right", "click", function(){
        $("div.social-left").removeClass("hidden");
        $(this).addClass("fa-caret-left");
        $(this).removeClass("fa-caret-right");
    });    
});