JSFiddle - React, Tailwind, and code Playground

by hajpoj

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Link Hash Test</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
  <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<body>
<div>
  <a href="#"
     class="btn btn-large btn-danger popover-link"
     data-content="And here's some amazing content. It's very engaging. right?"
     data-original-title="A Title">Click to toggle popover</a>
</div><div>
  <a href="#"
     class="btn btn-large btn-danger popover-link"
     data-content="And here's some amazing content. It's very engaging. right?"
     data-original-title="A Title">Click to toggle popover</a>
</div><div>
  <a href="#"
     id="asdf"
     class="btn btn-large btn-danger popover-link"
     data-content="And here's some amazing content. It's very engaging. right?"
     data-original-title="A Title">Click to toggle popover</a>
</div>
<script>
  $(".popover-link").popover({
    trigger: "manual",
    animation: false
  });

  $(".popover-link").click(function(e) {
    $('.popover-link').popover('hide');
    $(e.target).popover('show');
  });
</script>
</body>
</html>