NKNz:

The problem is in the website I am developing

http://ift.tt/2Avua63

(http://ift.tt/2ArzxVT)

Scroll to the bottom and see the Our delivered products section. It is supposed to expand on hover and click, which it does without problem on PC. However, when it is visited through phone, on click, it does the Fade effect and doesn't have the correct logic.

This is the only JS that affects this part is here:

$('.deliveredCategory').on('click mouseenter mouseleave', function () {
    $(this).find(".expandableClient").toggle();
    $(this).find('.plus-minus-toggle').toggleClass('collapsed');
    $(this).find('.dotHide').toggle();
});

Help appreciated!!

EDIT: Forgot to say that fade effect is not a part of the Code, and only happens on Mobile. Is this how toggle(); is interpreted on mobile? Either way, on mobile I also can't close it after it has been expanded. Really weird.