JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<title>jQuery UI Tabs - Default functionality</title>
<head>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script>
        $(function() {
            $("#tabs").tabs({
                activate: function(event, ui) {
                    $(ui.newPanel[0]).children()[0].src =  $(ui.newPanel[0]).children()[0].src ;
                }
            });
        });
    </script>
</head>
<body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">First tab</a>

            </li>
            <li><a href="#tabs-2">Second tab</a>

            </li>
            <li><a href="#tabs-3">Third tab</a>

            </li>
        </ul>
        <div id="tabs-1">
            <iframe src="https://www.google.com/maps/embed?pb=!1m5!3m3!1m2!1s0x89c9da5e8e476503%3A0x7d90458d498687e2!2s309+E+Patrick+St%2C+Frederick%2C+MD+21701!5e0!3m2!1sen!2sus!4v1388943136142" width="100%" height="300"></iframe>
        </div>
        <div id="tabs-2">
            <iframe src="https://www.google.com/maps/embed?pb=!1m5!3m3!1m2!1s0x89c9da5e8e476503%3A0x7d90458d498687e2!2s309+E+Patrick+St%2C+Frederick%2C+MD+21701!5e0!3m2!1sen!2sus!4v1388943136142" width="100%" height="300"></iframe>
        </div>
        <div id="tabs-3">
            <iframe src="https://www.google.com/maps/embed?pb=!1m5!3m3!1m2!1s0x89c9da5e8e476503%3A0x7d90458d498687e2!2s309+E+Patrick+St%2C+Frederick%2C+MD+21701!5e0!3m2!1sen!2sus!4v1388943136142" width="100%" height="300"></iframe>
        </div>
    </div>
</body>

</html>