我如何更改 JQuery 代码以单击文本而不是在悬停时更改？

Question

我正在关注下面显示的网站以在我的 Divi 网站上创建选项卡（目前在我的本地主机上），但我正在寻找有关更改代码行为的帮助。

https://www.elegantthemes.com/blog/divi-resources/how-to-create-custom-testimonial-tabs-with-divi-free-download

我已经设法按照教程进行操作，并且完全按照网站上显示的方式工作，但我想将悬停行为更改为单击简介（名称），但不确定 jquery 的哪一部分我需要改变。

以下是jquery代码：

jQuery(function($){
$(document).ready(function(){
 
$('#testimonial-person-1').addClass('testimonial-active');
 
$('[id*="testimonial-person"]').hover(function() {
 
var $selector = $(this).attr('id').replace('person', 'copy');
var $testimonial = $('#' + $selector);
 
$('[id*="testimonial-copy"]').removeClass('show-testimonial');
$testimonial.addClass('show-testimonial');
 
$('[id*="testimonial-person"]').removeClass('testimonial-active');
$(this).addClass('testimonial-active');
 
});
 
});
});

CSS代码：

.show-testimonial {
visibility: visible !important;
opacity: 1 !important;
top: 0 !important;
}
 
.testimonial-active {
transform: translateX(-10%);
}
 
[id*="testimonial-person"]{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
 
cursor: context-menu;
}
 
[id*="testimonial-copy"] {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
 
position: absolute!important;
top: -100px;
bottom: auto;
left: 0;
right: auto;
 
visibility: hidden;
opacity: 0;
}

如果有人可以指导我如何在我的网站上进行此更改，我将不胜感激。

提前致谢。

Answer 1

感谢 David 指出。

我更改了以下行：

$('[id*="testimonial-person"]').hover(function() {

这就是我想要的。

非常感谢。

我如何更改 JQuery 代码以单击文本而不是在悬停时更改？

What do I change on JQuery Code to Click Text rather than change on Hover?

javascript

jquery

divi