$(this).toggleClass('open');
$(this).siblings('ul').toggleClass('open');
});
- $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){
- var menuImg = $(this).parent('li').prop('id');
- var menuNum = menuImg.match(/\d+/)[0];
- var menuImgSrc = 'img_for_menu_' + menuNum;
- $(this).find('li.image-placeholder').html('<img src="' + eval(menuImgSrc) + '">');
- console.log('ul = ' + menuImg);
- console.log('menu-id = ' + menuNum);
- });
});
$(this).toggleClass('open');
$(this).siblings('ul').toggleClass('open');
});
- $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){
- var menuImg = $(this).parent('li').prop('id');
- var menuNum = menuImg.match(/\d+/)[0];
- var menuImgSrc = 'img_for_menu_' + menuNum;
- $(this).find('li.image-placeholder').html('<img src="' + eval(menuImgSrc) + '">');
- console.log('ul = ' + menuImg);
- console.log('menu-id = ' + menuNum);
- });
});
--- /dev/null
+ <div id="res-tab" class="large-2 text-center columns">
+ <li><a href="#">Reservations</a>
+ <ul>
+ <form method="post">
+ <div class="row">
+ <div class="small-12 res-search columns">
+ <input type="text" placeholder="Property" name="s">
+ </div>
+ <div class="small-12 res-date columns">
+ <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+ </div>
+ <div class="small-12 res-date columns">
+ <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+ </div>
+ <div class="small-12 columns">
+ <input type="text" placeholder="Number of Nights">
+ </div>
+ <div class="small-6 guest columns">
+ <input type="text" placeholder="Adults" >
+ </div>
+ <div class="small-6 guest columns">
+ <input type="text" placeholder="Kids" >
+ </div>
+ <div class="small-6 small-centered columns">
+ <input class="res-button" type="submit" value="Book Now">
+ </div>
+ </div>
+ </form>
+ </ul>
+ </li>
+ </div>
\ No newline at end of file
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">
</section>
</nav>
</div>
- <div id="res-tab" class="large-2 text-center columns">
- <li><a href="#">Reservations</a>
- <ul>
- <form method="post">
- <div class="row">
- <div class="small-12 res-search columns">
- <input type="text" placeholder="Property" name="s">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 res-date columns">
- <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
- </div>
- <div class="small-12 columns">
- <input type="text" placeholder="Number of Nights">
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Adults" >
- </div>
- <div class="small-6 guest columns">
- <input type="text" placeholder="Kids" >
- </div>
- <div class="small-6 small-centered columns">
- <input class="res-button" type="submit" value="Book Now">
- </div>
- </div>
- </form>
- </ul>
- </li>
- </div>
+ <?php get_template_part('parts/reservation-form');?>
</div>
</div>
<nav class="tab-bar show-for-medium-down">