JSFiddle - React, Tailwind, and code Playground

by austegard

HTML

<ul>
    <li><a href="http://members.i.playboy.com/20120301/#!/CV1">March Cover - top (implicit)</a></li>
        <li><a href="http://members.i.playboy.com/20120301/#!/98">David Cross - top (implicit)</a></li>
    <li><a href="http://i.playboy.com/members/features/vargas/index-p1.html">Vargas - iFrame</a></li>
    <li><a href="http://playboy.com" target="_top">Playboy - top (explicit)</a></li>
    <li><a href="http://google.com" target="_blank">Google - new window (explicit)</a></li>
</ul>

<!-- COPY THE CONTENT FROM BELOW AND PUT BEFORE THE END </body> -->

<!-- include the same jQuery version used by the archive -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
(function(){
    //convert links with a _top target and also those pointing to the archive to 
    //click event handlers that set the top window's href, and does not break out 
    //of iOS' standalone (fullscreen) mode
    $("a[target='_top'], a[href^='http://members.i.playboy.com']").click(function() {
        window.top.location.href = $(this).attr("href");
        return false;
    });
})();
</script>