JSFiddle - React, Tailwind, and code Playground

by queryj

HTML

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li class="third-item">list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

<input type="button" value="Click" />
<img src="http://wallpaperscraft.com/image/92930/300x300.jpg?orig=1" />

JavaScript

$("li.third-item").nextAll().addBack().css("border", "1px solid red");

$("button").click(function(){
   $("img").animate(
       {
           opacity: 0.25,
           left: "+=50",
           height: "toggle"
       }, 5000, function(){}
   );
});