{% block content_main %}
{% insert_str prelude "css/sample.css" %}
+{% insert prelude_js %}
+$(function(){console.log('hey!');$('#tooltipid').tooltip({'selector':'','placement':'bottom'});});
+{% endinsert %}
<div id=sample-tabs>
<ul class="nav nav-tabs" id='foo'>
</div>
-<div class='well'> a sample of the 'well' class quis nostrud exerci tation </div>
+<div class='well'> a sample of the 'well' class quis nostrud exercitation </div>
+
+a first <a id='tooltipid' href="#" data-toggle="tooltip" data-original-title="what the tooltip displays"> attempt with tooltips </a>
<div>
{{ lorem }} Lorem <span class='bold'>ipsum dolor</span> <code> counter += 1
var plugin='#'+$(this).attr('id').replace('hide-','');
var show='#'+$(this).attr('id').replace('hide-','show-');
$(plugin).slideUp(); $(show).show(); $(this).hide();});
- })
+ });
$('.plugin-show').each(function() {
$(this).click(function () {
var plugin='#'+$(this).attr('id').replace('show-','');
var hide='#'+$(this).attr('id').replace('show-','hide-');
$(plugin).slideDown(); $(hide).show(); $(this).hide();});
- })
- })
+ });
+ $('.plugin-tooltip').each(function(){ $(this).tooltip({'selector':'','placement':'right'}); });
+})
{% if visible %}
<div class='plugin-toggle{% if need_spin %} need-spin{% endif %}' id='toggle-{{ domid }}'>
{% if togglable %}
- {% if not toggled %}
-<p id='show-{{ domid }}' class='plugin-show'><i class="icon-hand-right"></i>{{ title }} ({{ classname }})</p>
-<p id='hide-{{ domid }}' class='plugin-hide' style='display:none;'><i class="icon-hand-down"></i>{{ title }} ({{ classname }})</p>
- {% else %}
-<p id='show-{{ domid }}' class='plugin-show' style='display:none;'><i class="icon-hand-right"></i>{{ title }} ({{ classname }})</p>
-<p id='hide-{{ domid }}' class='plugin-hide'><i class="icon-hand-down"></i>{{ title }} ({{ classname }})</p>
- {% endif %}{# toggled #}
+<p id='show-{{ domid }}' class='plugin-show'{% if toggled %} style='display:none;'{% endif %}><i class="icon-hand-right"></i>
+<a href='#' class='plugin-tooltip' data-toggle='tooltip' data-original-title='Show plugin "{{ title }}" ({{ classname }})'>{{ title }}</a></p>
+<p id='hide-{{ domid }}' class='plugin-hide'{% if not toggled %} style='display:none;'{% endif %}><i class="icon-hand-down"></i>
+<a href='#' class='plugin-tooltip' data-toggle='tooltip' data-original-title='Hide plugin "{{ title }}" ({{ classname }})'>{{ title }}</a></p>
{% endif %}{# togglable #}
{% endif %}{# visible #}