JSFiddle - React, Tailwind, and code Playground
by Timofey Beloussov
JavaScript
$(document).ready(function(){
/*ВЫЗОВ СЛАЙДЕРА В ШАПКЕ*/
$(".header-slider").owlCarousel({
items : 4,
loop : true,
margin : 10,
nav : true,
navText : [],
dots : false
});
$('.table-custom').fixedHeaderTable({
width:'100%',
height:'auto'
});
$('.menu-button').on('click', function(){
var $this = $(this);
var $menuButtonSubmenu = $('.menu-button-submenu');
$this.toggleClass('active');
if($this.hasClass('active')){
$menuButtonSubmenu.slideDown(500)
} else{
$menuButtonSubmenu.slideUp(500)
}
});
// $(".wrapper-content-hid-info").each(function() {
// var parentHeight = $(this).parent().height();
// $(this).height(parentHeight);
// });
});
$(window).load(function () {
$('.fht-thead').addClass("minus-height");
$('.fht-thead .fht-table').addClass("table-custom--header");
$('.fht-tbody').addClass("custom-scroll");
$(window).resize(function(){
var $sliderBlockImg = $('.slider-block__img').width();
$('.slider-block__img').css({
height : $sliderBlockImg
});
var $header = $('.header-slider').height();
$('.header-logo').css({
height : $header
});
calcContentHeight();
$(".custom-scroll").mCustomScrollbar({
theme : "dark"
});
buttomControl();
});
$(window).resize();
});
function buttomControl(){
var $buttonControl = $('.button-control');
$buttonControl.on('click', function(){
var $this = $(this);
if ($this.hasClass('expand')){
var $hideRow = $('.content').prevAll();
$hideRow.removeClass('minus-height').addClass('hide').slideUp(500);
} else if ($this.hasClass('reestablish')){
var $hideRow = $('.content').prevAll();
...