Newbie with mouseover issue
Hello,
Here is a page for you to look at
http://www.theremotedoctor.co.uk/karsuzuki.html?scrollto=selection
On my site that i am putting together i have some jQuery onclick.
If you go to the page as mentioned above you will see that on the right of the page are item selections.
These work from onclick & a photo is then loaded of that selected item.
If you hover over Keys & Remotes then come down to HONDA there is a fly out menu attached to HONDA but it works from onclick & i would like it to work onmouseover
I altered the jQuery code so it worked onmouseover fine but then my onclick for item selections did not work.
I have now put the jQuery back as it was but stumped how to achieve my goal.
Below is my jQuery.
- function replaceMainImage(imgSrc, partNumber, myContent) {
$('#content a').get(0).search = 'partNumber=' + partNumber;
$('#mainImage').attr('src', imgSrc)
$('#mainImage').addClass('img-border');
$('html, body').animate({
scrollTop: $("#mainImage").offset().top
}, 1000);
$('.tooltip').tooltipster('destroy');
$('.tooltip').tooltipster({
trigger: 'hover',
autoclose: 'false',
timer: '700',
animation: 'fade',
delay: 200,
//multiple: true,
restoration: 'current',
position: 'top',
contentAsHTML: true,
maxWidth: 300,
content: myContent,
}).hover(function() {
$(this).tooltipster('show');
}, function() {
$(this).tooltipster('hide');
}).on('click', function() {
$(this).tooltipster('show');
});
} $(document).ready(function() {
$('.tooltip').tooltipster();
$('.sub-menu').hide();
$("li:has(ul)").click(function() {
$("ul", this).slideDown();
});
});
$(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 1000);
});
});