Javascript 将鼠标悬停在div上会影响其他div上的wordpress小部件_Javascript_Php_Jquery_Wordpress_Css

Javascript 将鼠标悬停在div上会影响其他div上的wordpress小部件

javascript php jquery wordpress css

Javascript 将鼠标悬停在div上会影响其他div上的wordpress小部件,javascript,php,jquery,wordpress,css,Javascript,Php,Jquery,Wordpress,Css,网址：问题：我想当鼠标悬停在滑块图像（带有红色水槽）上时，上面的标题将显示：无。问题是它有两个不同的插件我试过： .advps-slide:hover ~ .textwidget { display: none; } 再试试： .advps-slide:hover ~ .main-shaddow{ display: none; } 我也试过JS： $('.advps-slide').mouseover(function() { var $this = $(t

网址：

问题：我想当鼠标悬停在滑块图像（带有红色水槽）上时，上面的标题将显示：无。问题是它有两个不同的插件

我试过：

.advps-slide:hover ~ .textwidget {
    display: none;  
}

再试试：

.advps-slide:hover ~ .main-shaddow{
    display: none;  
}

我也试过JS：

$('.advps-slide').mouseover(function() {
   var $this = $(this);
   var id = $this.attr('rel');
   var $currentWidget = $('.' + id);
   $currentWidget.show().siblings('.main-shaddow').hide();
});
$('.main-shaddow').mouseleave(function() {
    $('.textwidget').hide();
});

但什么都没有

Html（至少包含小部件和滑块的部分：

在sidebar.php上：

<div class="main-border"><?php echo do_shortcode('[advps-slideshow optset="4"]'); ?></div>
<div class="main-shaddow">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('title-widget') ) :    
?> <?php    endif;  ?></div>

这里有一些jQuery，试试看
$('.advps-slide').hover(function() {
    $('.widget-title').toggle();
});

如果这不起作用，试试看
$('.advps-slide').hover(function() {
    $('#title-widget .widget-title').toggle();
});

编辑：
此外，使用wordpress，您可能必须这样做
jQuery('.advps-slide').hover(function() {
    jQuery('.widget-title').toggle();
});

另外，确保它在你的head标签中的某个地方（它可以来自googleapis的url，但其他网站也有jquery文件，比如jquery.com）


jQuery('.advps-slide').hover(function() {
    jQuery('.widget-title').toggle();
});

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>