Павел Антонов

Так вам надо?

var count = 0;
$("button").click(function(){
  count++
  $("body").append("<div id='"+count+"'>Div "+count+"</div>");
})
$(document).on("click", "div", function(){
  alert("Div " + $(this).attr("id"));
})

Ключевой момент в .on() с его помощью мы вешаем событие клик на динамически добавляемые элементы div.

Для переключения состояния элемента используете .fadeToggle()
Ну и в зависимости от верстки делаете
$(this).next( ".box" ).fadeToggle(1000);
Если скрываемый блок идет после "Кликни меня"
Пример

а что мешает текст поверх любого слайда вывести?

<div id="slider">
  <div class="slide"></div>
  <div class="slide"></div>
  ...
</div>
<p>Ваш текст с позиционированием position:absolute</p>

<table></table>

Проходите циклом по msg.data и в элемент table подставляете строки с нужными ячейками примерно так

$("table").append("<tr><td>"+msg.data.наименование+"</td></tr>")

$(document).ready(function() {
  $('.services_check button').click(function(){
    var my = $(this).find('i');

    if(my.hasClass('icon-check')){
      my.removeClass('icon-check').addClass('icon-list-add');  
      $(this).prev().val("1");
    }
    else{
      my.addClass('icon-check').removeClass('icon-list-add');   
      $(this).prev().val("0");
    }

    $(this).toggleClass('btn-primary').toggleClass('btn-default');
    $(this).blur();
  });
});

На качество не претендую его там нет :D
но поковырялся полчасика

по теме, готовых фигней не видел таких, но надеюсь на мысль вас натолкнул, реализация кривая, но бывает когда выхода нет, а надо)

Нужно обновлять полученную ширину например по resize() вот так

var mobile;
	mobileCheck();
	var windowWidth = $(window).width();
	$(window).resize(function() {
		if ($(window).width() != windowWidth) { 
			windowWidth = $(window).width();
			mobileCheck();
		}
	});

	function mobileCheck() {
		if (window.innerWidth < 768) {
			mobile = true;

		}else {
			mobile = false;
		}
	}

а дальше ваш код

if (mobile) {
        $(".burger-button").click(
            function () {
                menu.toggleClass("hide");
            });
    }

В этом примере мы создаем переменную mobile которая принимает либо true либо false а функция mobileCheck срабатывает по ресайзу окна и при первой загрузке

на красоту и качество реализации не претендую, кофе не попил ))) но думаю идея понятна и допилить уже сможете сами по необходимости

Накидал сонным глазом, работает так как тебе нужно, но на красоту и качество не претендую)

Можно вот так. Менее запутанно но смысл тот же

<!-- load jQuery 1.10.2 -->
<script type="text/javascript" src="http://example.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
var jQuery_1_10_2 = $.noConflict(true);
</script>

<!-- load jQuery 3.2.1 -->
<script type="text/javascript" src="http://example.com/jquery-3.2.1.js"></script>
<script type="text/javascript">
var jQuery_3_2_1 = $.noConflict(true);
</script>

и в коде где вы вызываете свои плагины пишете так вместо $('#selector').function()
jQuery_3_2_1('#selector').function();

https://jsfiddle.net/unnq8m3m/1/

$('.b-progress-bar-percent').text(totalEarned * 100 / 2000000 + '%');

Нужно было разместить внутри цикла и изменить селектор на такой

$(this).next().find('.b-progress-bar-percent').text(totalEarned * 100 / 2000000 + '%');

Чтобы записывать значения в нужный див а не во все сразу как было у вас.. поэтому у вас в 3 дивах было только последнее полученное значение из цикла равное 100%

никак, менять структуру верстки и делать элементы визуально так как надо, но без вложенности

Можно циклом всем li написать что-то

$(".ul-list li").each(function(index, val){
   $(this).text("новый пункт "+ index)
})

Можно по одному пункту менять например так

$(".ul-list li:first-child").text("новый текст");
$(".ul-list li:nth-child(2)").text("новый текст");

или так

$(".ul-list li").eq(0).text("новый текст");
$(".ul-list li").eq(2).text("новый текст");

и т.д.. вопрос уточнить надо

В общем ни один из вариантов не подошел, использовал jquery sly сделал все как по макету, и скролл и стрелки и превьюхи, всем спс

nivo slider

По ховеру выполнять вызов следующего/предыдущего слайда

$("#идентификатор вашей карусели").slick('slickNext'); //следующий слайд
$("#идентификатор вашей карусели").slick('slickPrev'); //предыдущий слайд

Ну и примерно так вешаете на ховер эти действия:

$("левый край карусели").hover(function(){
   $("#идентификатор вашей карусели").slick('slickPrev')
})

что-то мне подсказывает что у вас не подключена jQuery библиотека

Сделал 2мя паралельными слайдерами, связал их js между собой, вопрос закрыт.
Результат тут

$(".класс кнопки").click(function(){
    $(".класс меню").toggleClass("visible");
})

.класс меню{
   overflow:hidden;
   width:0; 
   transition:all 0.2s ease;
}
.класс меню.visible{
   width:700px; //например   
}

пример тут

Можно не width менять а позицию left/right все зависит от вашего макета)

нашел косяк, dom грузился быстрее картинок в таблице, соответственно строки считались без высоты картинки, заменил
$(document).ready()
на
$(window).load()
это решило проблему

ну у тебя все правильно просто тебе нужно при изменении селекта делать и вот это

ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.fillText($("#textInput").val(), 20, 20);

иначе просто изменений в контексте канвас не происходит)
https://jsfiddle.net/4f10me0d/