JSFiddle - React, Tailwind, and code Playground

by khamer

JavaScript

$(function() {
    
    /* Project Filtering */
    
    $("#featured_projects ul#industries li > a").click(function() {
        $('#featured_projects ul#industries li').removeClass('current');
        $('#featured_projects ul#industries p').css('max-height', '1px');
        $(this).parent().addClass('current').find('p').css('max-height', '300px');
        return false;
    });
    
    $("#homepage_hero .video a").click(function() {
        var videoOverlay = $('<div id="video_overlay"><a href="#">close</a><div class="large_video"><iframe src="' + $(this).data('video-url') + '?autoplay=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div>');
        $('body').addClass('modal_overlay').prepend(videoOverlay);
        return false;
        
        videoOverlay.click(function() {
            $('body').removeClass('modal_overlay');
            $(this).css('display', 'none');
            return false;
        });
    });
});