Splitting items into two separate lists, with counts. Click an item to toggle. No JavaScript.
Blog post: Checkbox Trickery with CSS
| $(window).resize(function(){ | |
| initSlickMobile(); | |
| }); | |
| function initSlickMobile () { | |
| var viewportWidth = verge.viewportW(); | |
| if (viewportWidth <= 960) { | |
| $('.js-slick-logo').slick({ | |
| infinite: true, | |
| slidesToShow: 3, | |
| slidesToScroll: 3, |
| NNyoeN | |
| ------ | |
| A [Pen](http://codepen.io/Avanger2512/pen/NNyoeN) by [Den](http://codepen.io/Avanger2512) on [CodePen](http://codepen.io/). | |
| [License](http://codepen.io/Avanger2512/pen/NNyoeN/license). |
Splitting items into two separate lists, with counts. Click an item to toggle. No JavaScript.
Blog post: Checkbox Trickery with CSS
| SHOW_GOTOP_AFTER = 500 | |
| $goTop = $(".go-top") | |
| $goTop.toggle goTopShown = $(window).scrollTop() > SHOW_GOTOP_AFTER | |
| $goTop.click -> | |
| $('html,body').animate {scrollTop: 0}, 800 | |
| return false | |
| $(window).scroll -> |
| # Clone specialization | |
| $("#select-specialization").on "click", "li a", -> | |
| $('.alternative-btn__specialization span').empty() | |
| $('.alternative-btn__specialization span').text(item.text()) | |
| $('.js-remove' ).addClass 'is-active' | |
| $('.js-btn-special').text('Выбрана специальность') | |
| # return $("#select-specialization").modal "hide" | |
| $(".js-remove").on "click", -> |
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
| # data-picker | |
| $(".js-btn-picker").on "click", -> | |
| now3 = new Date | |
| now4 = new Date | |
| # nowDate | |
| picker = $(this).siblings(".date-wrap") | |
| picker.toggleClass 'is-active' | |
| $('.js-nav a').on('click', function() { | |
| var section; | |
| section = $(this).attr('href'); | |
| $('html, body').animate({ | |
| scrollTop: $(section).offset().top - 10 | |
| }, 500); | |
| return false; | |
| }); |
Rating stars with pure CSS (no Javascript). IE8+ and all new browsers
A Pen by Anastasiia Bakai on CodePen.