Flask Toolip sample library for Bootstrap

script.js

$(document).ready(function(){
    $('.close').click(function(){
        $(this).closest('.popover').remove();
    });
});

test-tooltip.html

<!--templates file-->
{% from "tooltips.html" import tooltip %}
  {{ tooltip(tooltips.contour_type) }}
  {{ tooltip(tooltips.site) }}
  {{ tooltip(tooltips.substance) }}

tooltips.html

{%- macro tooltip(tip) -%}
<div class="popover {{ tip.pos }} {{ tip.state }} tt" id="{{ tip.id }}">
    <button type="button" class="close close-{{ tip.id }}">×</button>
    <div class="arrow"></div>
    <h3 class="popover-title">{{ tip.title }}</h3>
    <div class="popover-content">
        <p>{{ tip.message }}</p>
    </div>
</div>
{%- endmacro -%}

tooltips.py

#my gorgeous tooltip classes
class Tooltip:
    def __init__(self, pos, state, id, title, message):
        self.pos = pos
        self.state = state
        self.id = id
        self.title = title
        self.message = message


class Tooltips():
    contour_type = Tooltip(pos="right",
                           state="show",
                           id="select-type-pop",
                           title="Select countour type",
                           message="Choose the type of contour map you would like to create.")
    site = Tooltip(pos="bottom",
                   state="show",
                   id="select-site-pop",
                   title="Select site",
                   message="Select one of your sites from this list and substance options will be filled.")
    substance = Tooltip(pos="bottom",
                        state="show",
                        id="select-substance-pop",
                        title="Select substance",
                        message="Substances which have data for the selected site will be listed here.")
    date = Tooltip(pos="bottom",
                   state="hide",
                   id="select-date-pop",
                   title="Select date",
                   message="Once site and substance are selected, choose a date with data you would like to contour.")
    uniq_name = Tooltip(pos="bottom",
                        state="hide",
                        id="select-name-pop",
                        title="Choose name",
                        message="If you would like to add a unique name to the contour file, enter it here.")
    contour_button = Tooltip(pos="bottom",
                             state="hide",
                             id="select-contour-pop",
                             title="Contour",
                             message="Generate a contour PDF. Your browser will begin downloading a contour file. It can take up to 30 seconds for large maps.")
    flow_lines = Tooltip(pos="bottom",
                         state="hide",
                         id="select-flow-pop",
                         title="Toggle flow lines",
                         message="Flow lines are lines which show groundwater flow direction.")