gistfile1.js

function toggleMsg() {
    $(".msg").fadeIn();
};
$("#husband").click(function() {
    toggleMsg();
    return false;
});

gistfile2.html

<link href='http://fonts.googleapis.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
<link href='http://code.jquery.com/jquery-1.10.2.min.js' rel='stylesheet' type='text/css'>
<div id="husband">
    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTiYCzfkR4esgWPUWrvnqx7e1OgxuVVoJqYCUXU3AVQwbx1wMhJsA" id="fed" /> <span id="name">Husband</span>
 <span id="status">Online</span>

    <img src="http://www.clker.com/cliparts/3/e/2/5/12401677931387382913Anonymous_Mail_1_icon.svg.med.png" id="msg" />
</div>
    <div class="msg">
        <p>Hey Alex!</p>
        <p>How are you, is it everything okay? I worry about U</p>
        <p>Kisses, Roge</p>
    </div>

gistfile3.css

#husband:hover {
    background-color: green;
    width: 380px;
    height: 100px;
    -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}
#husband {
    background-color: green;
    width: 380px;
    height: 100px;
}
#name {
    position: relative;
    bottom: 50px;
    left: 20px;
    font-family:'Exo 2', sans-serif;
    color: white;
    font-size: 1.2em;
}
#husband>#msg {
    max-width: 80px;
    position: relative;
    bottom: 25px;
    left: 55px;
}
#husband>#fed {
    position: relative;
    left: 0px;
    padding: 0px;
    max-height: 100px;
}
ul {
    list-style: none;
}
#status {
    position: relative;
    bottom: 30px;
    right: 58px;
    font-family:'Exo 2', sans-serif;
    color: white;
}
.msg {
    width: 380px;
    height: auto;
    display: none;
   --moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
    font-family: 'The Girl Next Door', cursive;
}
.msg>p {
    position: relative;
    padding: 20px;
}

gistfile4.txt

This is an simple project for making contact list and toggle messages.