JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<a id="userLink" href="#">joeuser</a>
<ul id="userMenu" class="collapsed">
    <li><a href="/Preferences">User Preferences</a></li>
    <li><a href="/Login/Logout">Log Out</a></li>
</ul>

JavaScript

var link = $("#userLink"),
    menu = $("#userMenu");

console.log("Next Adjacent Selector");
// All return "1" in version 1.4.2, but only the 3rd in 1.4.3+
console.log($("+ #userMenu", link).length);
console.log($(link).find("+ #userMenu").length);
console.log($("#userLink + #userMenu").length);

console.log("Next Siblings Selector");
// All return "1" in version 1.4.2, but only the 3rd in 1.4.3+
console.log($("~ #userMenu", link).length);
console.log($(link).find("~ #userMenu").length);
console.log($("#userLink ~ #userMenu").length);

console.log("Child Selector");
// All return "2" in 1.4.2+
console.log($("> li", menu).length);
console.log($(menu).find("> li").length);
console.log($("#userMenu > li").length);