Toogling button text
Toogling button text
by Omar X
HTML
<link rel="stylesheet" href="http://jasny.github.io/bootstrap/assets/css/bootstrap.css">
<script src="http://www.outcoding.com/joe_edis_mockups/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://www.outcoding.com/joe_edis_mockups/css/custom.css">
<ul>
<li class="ed-allocation">
<div class="popover fade top in" style="top: 15px; left: 16.703125px; display: block;">
<div class="arrow"></div>
<h3 class="popover-title"></h3>
<div class="popover-content">
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Main ED</a>
</li>
<li><a href="#tab2" data-toggle="tab">Fast Track</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<div class="row-fluid">
<div class="span2">1</div>
<div class="span2">2</div>
<div class="span2">3</div>
<div class="span2">4</div>
<div class="span2">5</div>
<div class="span2">6</div>
</div>
<div class="row-fluid">
<div class="span2">7</div>
<div class="span2">8</div>
<div class="span2">9</div>
<div class="span2">10</div>
<div class="span2">11</div>
<div class="span2">12</div>
</div>
<div class="row-fluid">
<div class="span2">13</div>
...
CSS
.toggle-text {
display:none;
}
JavaScript
$(function () {
$('#tooltip').tooltip('hide');
$('.global-modal').modal('show');
$('.accordion').collapse();
$('.typeahead').typeahead();
/* FLOORPLANT POPOVER */
$('[rel=popover]').popover({
html: true,
content: function () {
return $(this).siblings('.popover').html();
}
});
/* end FLOORPLANT POPOVER */
/* DATE PICKER */
$(".form_date").datetimepicker({
format: "MM dd yyyy",
weekStart: 0,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
showMeridian: 0,
minView: 2
});
/* end DATE PICKER */
/* DATE & TIME PICKER */
$(".form_datetime").datetimepicker({
format: "MM dd yyyy - HH:ii P",
weekStart: 0,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
showMeridian: 1
});
/* DATE & TIME PICKER */
/* DROPDOWN SUB-MENUS */
jQuery('.dropdown-menu li a').mouseover(function (e) {
e.stopPropagation();
jQuery(this).parent().parent().find('li').each(function () {
jQuery(this).removeClass('open');
});
jQuery(this).parent().addClass('open');
});
jQuery('.dropdown-toggle').click(function (e) {
jQuery(this).parent().find('li').each(function () {
jQuery(this).removeClass('open');
});
});
/* TRIAGE FORM WIZARD */
$(document).ready(function () {
$('#rootwizard').bootstrapWizard({
onTabShow: function (tab, navigation, index) {
var $total = navigation.find('li').length;
var $current = index + 1;
// If it's the last tab then hide the last button and show the submit instead
if ($current >= $total) {
$('#rootwizard').find('.pager .next').hide();
$('#rootwizard').find('.pager...