JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="https://angularlight.org/bin/alight_0.14.last.min.js"></script>
<body al-app>
  <div @mouseover="b=true">A</div>
  <div @mouseover="c=true" :hidden="!b">B</div>
  <div :hidden="!c">C</div>
</body>

CSS

div {
  height: 100px;
  width: 100px;
  border: 1px solid blue;
}