$   = require 'jquery'
toc = require './toc'

addToggle = (className, name, additionalClasses) ->

  toggleMaina = () ->
    toggleable = $(this)

    extraClasses =  additionalClasses ? additionalClasses : ''

    theToggling = (evt) ->
      toggleable.toggle()
      evt.preventDefault()

    toggleable
      .addClass("panel-body")
      .wrap('<div class="panel panel-default #{extraClasses}"></div>')
      .hide()

    $("<a href=\"javascript:void 0\"><div class=\"panel-heading\"><h5> #{name} (クリックして表示)</h5></div></a>")
      .insertBefore(toggleable)
      .click(theToggling)

  $(".#{className}").each(toggleMaina)


$ ->
  toc.init('.toc-toggle', '.cover-notes,.toc-contents')
  addToggle('solution', '解答')
  return