JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>
<script src="js/jquery.carouFredSel-6.2.1.js"></script>
<script src="js/jquery.fullPage.js"></script>
<script src="js/initializeFullPage.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/greensock.js"></script>
<script src="js/layerslider.transitions.js"></script>
<script src="js/layerslider.kreaturamedia.jquery.js"></script>
<script src="vendors/jquery.slimscroll.min.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<script src="js/main.js"></script>
JavaScript
$(document).ready(function () {
//remove the focus from the active menu
$(".navbar .collapse").click(function (e) {
e.stopPropagation();
});
$("html").click(function () {
if ($(".navbar .collapse").is('.in')) {
$(".navbar .collapse.in").collapse('hide');
}
});
$('.navbar .collapse a').click(function () {
setTimeout(function () {
$(".navbar .collapse.in").collapse('hide');
}, 300);
});
//add button "close" in dropdown menu
$('button.navbar-toggle').on('click touchstart', function () {
if ($("#bs-example-navbar-collapse-1").hasClass("collapse in")) {
$(this).removeClass("closedicon");
} else {
$(this).addClass("closedicon");
}
});
$('.ui-link').on('click touchstart', function () {
console.log('dsfdsfdsf');
$('button.navbar-toggle').removeClass("closedicon");
});
// end add button "close" in dropdown menu
//begin home slider
$('#homeSlider').layerSlider({
skin: 'v5',
responsive: true,
navPrevNext: false,
navStartStop: false,
showCircleTimer: false,
cbInit: function (data) {
console.log(data);
},
thumbnailNavigation: 'disabled',
skinsPath: 'layerslider/skins/'
});
//begin home slider
//begin services page
var userDevice = navigator.userAgent.match(/iPad|iPhone|Android/i);
if (userDevice) {
//touch devices
resizeCircles();
} else {
//
resizeCircles();
}
var initialTxt = $('.skill-circle-big').html();
$('.skill-circle-big').on('click touchstart', '.closeCircleTxt', function () {
$('.nicescroll-rails').remove();
$(".txt-description").getNiceScroll().hide();
$('.skill-circle-big').html(initialTxt);
$('.skill-circle-big').removeClass('hoverCircle');
delActiveSmCircle();
...