JSFiddle - React, Tailwind, and code Playground

by antelopelovefan

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
</style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
  <ul>
    <li class="selected">
      <a class="trigger" href="">Trigger</a><br />
      <a href="">Not trigger</a>
      <ul>
        <li class="selected">
          <a class="trigger" href="">Trigger</a><br /> 
          <a href="" id = "my_target">Click me</a>
        </li>
      </ul>
    </li>
  </ul>
</body>
</html>

CSS

.triggerClass { color: #f00; }

JavaScript

$(document).ready( function() {
    $('#my_target').click( function(e) {
        $(this).parents('li.selected').children('a.trigger').css('color', '#ff0000');
        e.preventDefault();
    });
});