Как при определенном хеше вызвать определенную модалку?

мне надо при хеше на странице найти дата-ключ и вызвать модалку, вот только не знаю как правильно написать
location.hash == $('.js-answer-modal').data('key')
$('.js-answer-modal').data('key') - это кнопка, после нее идет модалка, которая вызывается при клике на данную кнопку

Как мне привязать хеш к data-key?

Как при определенном хеше вызвать определенную модалку?

if(location.hash) {
   alert(111111111111);
 }

Вот так отработает, мне надо хеш привязать к дата-ключу кнопки и вызвать ее модалку

Как по клику показать обрезанный текст?

ThunderCat, на Stackoverflow

Как по клику показать обрезанный текст?

Поменяла условие и все заработало - текст нормально показывается и скрывается

$('.js-feedback_showall').click(function () {

        if($(this).prev().height() === 60 ) {
            $(this).prev().animate({"max-height":1000},500)
        } else {
            $(this).prev().animate({"max-height":60},500);
        }

    });

Как по клику показать обрезанный текст?

Пробую другой вариант:

Этот код обрезает текст

//Показать весь сопроводительный текст

    $('.js-feedback_showall').each(function() {
        if ($(this).prev().text().length > 471) {
            $(this).addClass("block");
            $(this).prev().css({'max-height':'60px'});
        }
    });

Этот код только показывает текст, но не скрывает (сначала скрывает, а потом обратно показывает):

$('.js-feedback_showall').click(function () {

        if($(this).prev().css({'max-height':'60px'})) {
            $(this).prev().animate({"max-height":1000},500)
        } else {
            // $(this).prev().animate({"max-height":60},500)
            $(this).prev().css({'max-height':'60px'});
        }

    });

Как по клику показать обрезанный текст?

<div class="b-notepad__feedback-letter_block">
	<p class="b-notepad__feedback-letter_block_text">Длинный текст</p>
	<span class="b-notepad__feedback-letter_block_showall js-feedback_showall">Показать все</span>
</div>

Не могу добавить элемент в контейнер owl-dots?

Этот спан появляется и исчезает при переключении

Не могу добавить элемент в контейнер owl-dots?

Спасибо, помогло:

$(document).ready(function(){
	$('.owl-dots').append('<span class="move"></span>');
});

Не могу добавить элемент в контейнер owl-dots?

мне нужен этот элемент span.move для анимации:

https://codepen.io/Qurel/pen/qBdREZa

Как правильно обратиться к элементу по дом-дереву?

Поправила:

if(wrap.find('textarea').val() !== '') {
        wrap.prev().find('.b-notepad__feedback-letter_title_icon').removeClass('fa-plus').addClass('fa-exclamation')
  } else {
        wrap.prev().find('.b-notepad__feedback-letter_title_icon').removeClass('fa-exclamation').addClass('fa-plus')
    }

Теперь все работает как надо

Как правильно обратиться к элементу по дом-дереву?

Но есть одна проблема: когда я написала комментарий, сохранила его, потом открыла его редактировать, удалила все из textarea - иконка не поменялась на плюс

Как правильно обратиться к элементу по дом-дереву?

Спасибо, нашла другой вариант, но ваш код в понедельник попробую

На проекте уже была написана функция, я просто добавила код и все заработало:

$('.js-received-comment').click(function(){
  var wrap = $(this).parent();
  var data = {
	id: wrap.data('id'),
	comment: wrap.find('textarea').val(),
	action: $(this).data('action')
  };

  $.ajax({
	type: "POST",
	data: data,
	url: "/notepad/receivedComment",
	dataType: "json",
	context: this,
	success: function(res){
	if(!res.error) {
	if (data.action === 'save') {
       //мой код
          if(wrap.find('textarea').val() !== '') {
             wrap.prev().find('.b-notepad__feedback-letter_title_icon').removeClass('fa-plus').addClass('fa-exclamation')
        }
	//

	wrap.hide();
	}
	if (data.action === 'remove') {
							    
	//мой код
          wrap.prev().find('.b-notepad__feedback-letter_title_icon').removeClass('fa-exclamation').addClass('fa-plus');
         //
	wrap.find('textarea').val('').end().hide();
	}
    }
   }
 });
});

Как вызвать дебаг на сайте?

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

Как вызвать дебаг на сайте?

coderisimo, спасибо

Как вызвать дебаг на сайте?

как консоль вызвать это понятно, есть сайт, но нет исходного кода, чтобы там написать debugger;
мне нужна определенная функция, которая выполняется при клике на кнопку Отправить и в ней вызвать debugger;
код на сайте минифицирован, написан в одну строку, пытаюсь найти совпадение в коде - не находит

Jquery не работает скролл?

s l a v e, спасибо, помогло

Jquery не работает скролл?

якорь отработал, но появилась новая проблема: когда открываешь эту страницу, то сразу срабатывает якорь, не помогает:

window.addEventListener('DOMContentLoaded', function() {
if($('#company_city option:selected') || $('#company_cat option:selected')) {
            var anchor = $('#city').offset().top;
            $(document).scrollTop(anchor);
        }
} 
window.onload = function(){
if($('#company_city option:selected') || $('#company_cat option:selected')) {

            var anchor = $('#city').offset().top;
            $(document).scrollTop(anchor);
        }
}

Хотя проблема не в загрузке дом-дерева, условие некорректно работает

Jquery не работает скролл?

s l a v e, да

Jquery не работает скролл?

s l a v e, спасибо помогло

Как сверстать этот элемент?

Рустам Байназаров, так и сделала:

&::after
content: ''
 position: absolute
 z-index: 0
left: 20px
bottom: 0
width: 100vw
height: 43px
background-color: #e8e6e4
transform: skewX(-45deg)

А хедеру задала overflow: hidden, чтобы убрать горизонтальный скролл