Stacy None

const allSpans = document.querySelectorAll('ul.menu > span');
allSpans.forEach(span => span.classList.add('hidden'));
const spans = document.querySelectorAll('ul.menu > li ul.submenu li span');
spans.forEach(span => span.classList.remove('hidden'));

.hidden {
  display: none
}

Доброго времени суток! Для того что бы задать плавность изменения(скорость анимации) используется CSS свойство transitions.
Для решения данной задачи можно поступить следующим образом:

$(function () {
    const targetCont= document.querySelector('#cont');
    targetCont.style.transition= 'all 3s';
    document.querySelector('#btnSwitch').addEventListener('click', function() {
      const c= targetCont.classList; 
      c.toggle('col-lg-9');
      c.toggle('col-lg-12');
    document.querySelector('#sid').classList.toggle('d-none');
    document.querySelector('#cont').classList.toggle('sid');
    });
  })

$(document).ready(function () {
    var $select = $('#category');
    var $button = $('#cat');
    $select.on('change', function(){
        if ($select.val() == 0){
            $button.attr('disabled', 'disabled');
        } else {
            $button.removeAttr('disabled');
        }
    });

});

https://codepen.io/andreysh/pen/yGgojg

if(document.getElementById("number").innerHTML > 0 ) alert ("ошибка, большое число")

текст по значению цифр 0-9?

switch( parseInt(document.getElementById("number").innerHTML) ) {
  case 0: console.log("it's 0"); break;
  case 1: console.log("it's 1"); break;
  case 2: console.log("it's 2"); break;
// ...
}

Так

$("ul.images > li > a[onclick='return hs.expand']").removeAttr("onclick");

или так

$("ul.images > li > a[onclick='return hs.expand']").attr("onclick", "");

$( 'input[type=radio]' ).parent().addClass( 'radio' );
$( 'input[type=checkbox]' ).parent().removeClass( 'radio' ).addClass( 'checkbox  checkbox-circle' );

Если по-быстрому, то вынести из медиа выраженя все стили и удалить из скрипта все что связано с ресазом, примерно так. А если по-хорошему, то самому объединить стили из медиа выражения с обычными стилями

Мне кажется данным функционалом дело не ограничится, но если делать именно ЭТО, то можно вот так, к примеру :

https://codepen.io/coderisimo/pen/MVGJJe

https://jsfiddle.net/yarkov_aleksei/ozvwxrrm/

https://codepen.io/3lvcz/pen/PROdXx

https://codepen.io/coderisimo/pen/yKVLmE
удалите элементы из списка для появления надписи.

У вас не должно быть более одного одинакового id на странице, id - это уникальный идентификатор элемента. Используйте атрибут class, для обозначения блоков с суммой. Пример кода:

<div class="summa">400</div>
<div class="summa">500</div>
<div class="summa">600</div>
<div class="summa">700</div>

$(function() {
    let percent = 20; // Скидка в процентах
    $('.summa').each((key, val) => {   
    	$(val).text($(val).text() - $(val).text() * percent * 0.01);	
    });
});

Демо: https://jsfiddle.net/qsumwz8n/9/

Нативный js:

let list = document.querySelector('.list');
list.classList += ' vote';

на JQuery:
$(".list").addClass("vote");

function pluralizeRus(n, forms) {
  return n % 10 == 1 && n % 100 != 11
        ? forms[0]
        : (n % 10 >= 2 && n % 10 <= 4
        && (n % 100 < 10
            || n % 100 >= 20) ? forms[1] : forms[2]);
}

var numberOfLis = document.getElementById('list').children.length; 
document.getElementById('result').textContent = numberOfLis + ' Скриншот' + pluralizeRus(numberOfLis, ['', 'а', 'ов']);

https://jsfiddle.net/vz5v4vLh/
Как-то так

https://codepen.io/MaximLensky/pen/RxooXP?editors=1100 вроде так ... проверял с маленьким количеством текста и с большим количеством текста

Используйте SCSS исходники. Их можно легко настроить и подключить только нужное.