Note that the html attributes here aren't important - they're just there to let jQuery attach to the correct buttons
<a href="javascript:void(0);" show-booking-widget="">Book Now</a>
<a href="javascript:void(0);" show-booking-widget--with-rates="">Book Now</a>
<a href="javascript:void(0);" show-booking-widget--writh-rates--no-specials="">Book Now</a>
<script>
var booking = new TTWeb.Booking({
hotelId: 'KEY24N', //'NYCREF',
portalId: '24northhotel',
defaultTimezone: 'America/New_York',
ipAddress: sessionStorage.ip_add
})
$("[show-booking-widget]").bookingWidget();
$("[show-booking-widget--with-rates]").bookingWidget({
showRateCalendar: true
showOfferCode: true
});
$("[show-booking-widget--with-rates--no-specials]").bookingWidget({
showRateCalendar: true,
showSpecials: false,
showOfferCode: true
});
</script>