JSFiddle - React, Tailwind, and code Playground
HTML
<div id="FriendRequests" style=" font-weight: bold; background: #283b43; border-bottom: 1px dashed #719dab;">
<img src="images/NewFriend_small.png" style="float: left; margin-left: 25px; margin-right: 10px;">
Vänförfrågningar
</div>
<div id="friend99" style="position: relative; background: #3a5f6e;" class="request">
<div style="position: absolute; top: 15px; right: 105px;">
<a href='javascript:void(0);' onclick="MeYouFriendNB(true, 1, 99, 90);" style="margin-right: 45px; color: #FFF;">Bekräfta</a>
<a href="javascript:void(0);" onclick="MeYouFriendNB(false, 99, 90, 1);" style="color: #ccc;">Ignorera</a>
</div>
<div style='font-style: italic; font-size: 11px; width: 240px;
position: absolute; top: 8px; left: 305px;'>
<a rel='facebox' href='#friendmsg'><strong>"</strong><strong>"</strong>
</a>
</div>
<div style='display: none' id='friendmsg'></div>
<div style='margin-top: 5px; margin-left: 45px; margin-bottom: 5px; '>
<span style='float: left; border: 1px dashed #CCC; margin-right: 5px;'>
<img src='images/profileimages/noPhoto_thumb.jpg'>
</span>
Mads Kluge <br>
<span style='font-size: 12px;'> 25-08-2010 kl. 20:31</span>
<br>
<div class='clearfloat'></div>
</div>
</div>
<div id="friend100" style="position: relative; background: #3a5f6e;" class="request">
<div style="position: absolute; top: 15px; right: 105px;">
<a href='javascript:void(0);' onclick="MeYouFriendNB(true, 1, 100, 3);" style="margin-right: 45px; color: #FFF;">Bekräfta</a>
<a href="javascript:void(0);" onclick="MeYouFriendNB(false, 100, 3, 1);" style="color: #ccc;">Ignorera</a>
</div>
<div style='font-style: italic; font-size: 11px; width: 240px;
position: absolute; top: 8px; left: 305px;'>
<a rel='facebox'...
JavaScript
$('.request:last').slideUp(300);