Notes for Flashcard assignment

Blueprint classes
   span-n  pull-n last


New classes introduced
  Used by JS / jQuery only
     expanderHeader   expanderContent   expanderIcon
     deleteBox
     collapsed   expanded


User defined attribute, data-topic, is assigned the problem number
and is used, in part, to associate the expanderContent with the
proper expanderHeader.

HTML elements
   form
   input

HTML attributes
   title
   alt
   type

There is a style attribute in the <form>.  For some reason, I was
not able to get this working with CSS.  Its a mystery.  If anyone
figures it out, please tell me.


  
    <!-- Question and answer problem 1  -->
    <div class='span-13 pull-1 last'><br>
      
      <!-- Bidding question problem 1  --> 
      <span  class='expanderHeader collapsed last'
          data-topic=1 > 

<img src=http://www.cs.unc.edu/~hedlund/icons/play_blue.png 
             class='expanderIcon collapsed' 
             data-topic=1
             title=show 
             alt=expander /> 

(1<img src=http://www.cs.unc.edu/~hedlund/icons/bridge/diamonds.gif 
              width=13 height=11 
              alt=diamonds>) &ndash; 
            <span style='text-decoration: underline;'><b>?&thinsp;</b></span> </span> 
      
      <!-- Answer problem 1  -->
      <div class='expanderContent collapsed last'
            data-topic=1 > <br/>
        <span>&ensp;X&thinsp;&ensp;(BB2: 92) </span> <br>
        <form title='delete this problem'
                style='padding-left: 55px;font-size: 0.8em;' >
          <input class=deleteBox id=Problem1 type=checkbox />
          Delete
        </form>
        <!-- end Answer --> 
      </div>