Доброе утро!
Есть следующий HTML:
<div class="bx_filter_parameters_box_container hlblock_description_block">
<div class="hlblock_val">
<label for="arrFilter_296_3963809016" class="bx_filter_param_label pal nab">
<label for="arrFilter_296_3963809777" class="bx_filter_param_label pal nab">
<label for="arrFilter_296_3963809111" class="bx_filter_param_label pal nab">
<label for="arrFilter_296_3963809444" class="bx_filter_param_label pal nab">
</div>
<div class="hlblock_inf">
<div class="hlblock_shell" data-id="arrFilter_296_3963809016"></div>
<div class="hlblock_shell" data-id="arrFilter_296_3963809777"></div>
<div class="hlblock_shell" data-id="arrFilter_296_3963809111"></div>
<div class="hlblock_shell" data-id="arrFilter_296_3963809444"></div>
</div>
</div>
$('.hlblock_val > .bx_filter_param_label').hover(function() {
console.log($(this).attr('for'));
if ($("div").attr('for') == $(this).attr('for')) {
$("div").addClass("dotted");
}
}
);
Необходимо при наведении на label (bx_filter_param_label) показать div (hlblock_shell),
и у div'a и у label'a есть одинаковые значения в атрибутах for и data-id.
Пытался div'у присвоить класс active, пытался с помощью hide и show показать, плохо знаю синтаксис js, jq