title: How to expand/collapse on partial title when using the semantic-ui-react accordion
body: <p>I have an accordion title that consists of the carat, some text, and a div with some other stuff.  I want the accordion to only expand when the user clicks the carat or the text, but not the extra div.  Clicking on the div will do something else entirely.</p>
  
  <p>I noticed that in the base Semantic-UI, you can specify a CSS selector to trigger on, but that seems JQuery specific and not doable in the react version.</p>
  
  <p>Is this possible?</p>
  
  <pre><code>&lt;Accordion.Title
     active={activeIndex === 0} index={0} onClick={this.handleClick}
  &gt;
    &lt;Icon name="dropdown" /&gt;
    &lt;span className="name"&gt;{data.name}&lt;/span&gt;
    &lt;div&gt;some extra junk - don't expand on this&lt;/div&gt;
  &lt;/Accordion.Title&gt;
  </code></pre>