gistfile1.coffee

@UISpoilerToggle = React.createClass
  render: ->
    <h4 className='ivars-title mbs'>
      <a className='js-toggler' href='#' data-selector="#{@props.name or ''}">
        {@props.text}
      </a>
    </h4>

@UISpoiler = React.createClass
  getInitialState: ->
    hidden: true
  ,
  handleClick: (e) ->
    if $(e.target).hasClass 'js-toggler'
      @setState
        hidden: [email protected]
  ,
  render: ->
    <div onClick={@handleClick}>
      <UISpoilerToggle name="#{@props.name or ''}" text="#{@props.text or ''}" />
      <div className="ivars-list #{@props.name or ''} #{if @state.hidden then 'hidden' else ''}">
        <p className='mbl'>GET DATA WITH $.GET</p>
      </div>
    </div>