Подсветка строки при переходе по якорю

[Александр83]

[Александр83]

https://disk.yandex.ru/client/disk?d...сунок.bmp

[Александр83]

не получается загрузить качественное изображение, отправил на яндексе.

[рони]

отправил на яндексе

не могу посмотреть

[Александр83]

не получается загрузить образец изображения, ну вообщем суть в том чтоб без перехода и только при наведении мышки на ссылку с классом hover, данный класс передавался на другой блок (вроде дублирования HOVER).
средствами CSS - это невыполнимо, в вот JS можно, только вот не знаю как!

[рони]

только при наведении мышки на ссылку с классом hover

заменить полностью на это

jQuery(document).ready(function() {
    jQuery('a[href^="#<?php echo $block_hover; ?>"]').click(function() {
        var target = jQuery(this).attr("href");
        jQuery("html, body").animate({
            scrollTop: jQuery(target).offset().top - 120
        }, 800);
        return false
    }).mouseenter(function() {
        var target = jQuery(this).attr("href");
        jQuery(target).addClass("active_hover")
    }).mouseleave(function() {
        var target = jQuery(this).attr("href");
        jQuery(target).removeClass("active_hover")
    })
});

[Александр83]

к сожалению ни чего не изменилось, а в самой ссылки на якорь нужно какой либо путь до JS прописывать?

<?php echo '<a href="#'.$dataItem->tab_001.'" class="'.$dataItem->tab_001.'">' .$dataItem->tab_001. '</a>'; ?>

[рони]

Александр83,
не могу вам помочь, не знаю php

[Александр83]

по PHP нашел сам решение, спасибо, очень помогли, безмерно благодарен вам

[Александр83]

Здравствуйте! возникла очередная проблема в подсветке определенной ссылки, проблема состоит в том что,
при наведении курсора мышки на ссылку "Z111" с div классом left_img - подсветка происходит в div классом right_scrol
на все три ссылки (Z1, Z11, Z111), скажите пожалуйста как установить точность чтоб при наведении подсвечивалась Z1 к Z1 итд.
Заранее благодарен за ответ!

<div class="left_img">
<a href="#<?php echo $block_hover; ?>">Z1</a>
<a href="#<?php echo $block_hover; ?>">Z11</a>
<a href="#<?php echo $block_hover; ?>">Z111</a>
</div>

<div class="right_scrol">
<a id="<?php echo $block_hover; ?>">Z1</a>
<a id="<?php echo $block_hover; ?>">Z11</a>
<a id="<?php echo $block_hover; ?>">Z111</a>
</div>

#<?php echo $block_hover; ?>:hover{
    color: #fff;
    background: #0033FF;
}
a.<?php echo $block_hover; ?>:hover{
    color: #fff;
    background: #0033FF;
}
#<?php echo $block_hover; ?>.script_css{
    color: #fff;
    background: #0033FF;
} 
a.<?php echo $block_hover; ?>.script_css{
    color: #fff;
    background: #0033FF;
}

jQuery(document).ready(function() {
    jQuery('a[href^="#<?php echo $block_hover; ?>"]').click(function() {
        var target = jQuery(this).attr("href");
        jQuery('div.right_scrol').animate({
            scrollTop: jQuery(target).position().top - 500}, 1000);
        return false
    }).mouseenter(function() {
        var target = jQuery(this).attr("href");
        jQuery('#<?php echo $block_hover; ?>').addClass("script_css")
    }).mouseleave(function() {
        var target = jQuery(this).attr("href");
        jQuery('#<?php echo $block_hover; ?>').removeClass("script_css")
    })
});

jQuery(document).ready(function() {
    jQuery('a[id^="<?php echo $block_hover; ?>"]').click(function() {
        var target = jQuery(this).attr("id");
        return false
    }).mouseenter(function() {
        var target = jQuery(this).attr("href");
        jQuery('a.<?php echo $block_hover; ?>').addClass("script_css")
    }).mouseleave(function() {
        var target = jQuery(this).attr("href");
        jQuery('a.<?php echo $block_hover; ?>').removeClass("script_css")
    })
});