Using the following function to hide all elements of a class before showing the

Question

Asked: June 11, 20262026-06-11T10:18:05+00:00 2026-06-11T10:18:05+00:00

Using the following function to hide all elements of a class before showing the right one. But I’m getting a double animation on the later elements.

Function is called by an h2.

Function is:

function showSubList(obj) {
var elem = obj;
$('.sublist').hide(function() {
    $(elem).parent().children('.sublist').show();
});
}

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-11T10:18:07+00:00

Editorial Team

Hide the elements first then show the one you want.

function showSubList(obj) {
    $('.sublist').hide(300);
    $(obj).parent().children('.sublist').show();
};

The Archive Base Latest Questions