score:3

Accepted answer

you don't. please avoid using jquery within react since this is a bad practice.

react is all about components which you can easily achieve the very same result:

class collapsibleitem extends react.component {
  constructor(props) {
    super(props)
    
    this.state = {
      showcontent: false,
    }
    
    this.togglehover = this.togglehover.bind(this)
  }
  
  togglehover() {
    this.setstate({
      showcontent: !this.state.showcontent,
    })
  }
  
  render() {
    const { showcontent } = this.state
    
    return (
      <li
        onmouseover={this.togglehover}
        onmouseout={this.togglehover}
      >
        {this.props.name} 
        {showcontent && this.props.children}
      </li>
    )
  }
}

const app = () => 
  <div>
    <ul>
      <collapsibleitem name="nav 1">
        <ul>
          <li>sub nav 1</li>
          <li>sub nav 2</li>
          <li>sub nav 3</li>
        </ul>
      </collapsibleitem>
      <collapsibleitem name="nav 2">
        <ul>
          <li>sub nav 4</li>
          <li>sub nav 5</li>
          <li>sub nav 6</li>
        </ul>
      </collapsibleitem>
    </ul>
  </div>

reactdom.render(
  <app />,
  document.getelementbyid('root')
)
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="root"></div>

score:0

please avoid to use jquery or even reactjs when you can do it with two lines of css ;)

#menu ul { display: none; }
#menu li:hover ul { display: block; }
<ul id="menu">
    <li>
        <a href="#">nav 1</a>
        <ul>
            <li><a href="#">sub nav 1</a></li>
            <li><a href="#">sub nav 2</a></li>
            <li><a href="#">sub nav 3</a></li>
        </ul>
    </li>
    <li>
        <a href="#">nav 2</a>
        <ul>
            <li><a href="#">sub nav a</a></li>
            <li><a href="#">sub nav b</a></li>
            <li><a href="#">sub nav c</a></li>
        </ul>
    </li>
</ul>


Related Query

More Query from same tag