Javascript 基于两个不同的选择器jquery触发函数

这里假设JavaScript基于两个不同的选择器触发这些函数。但不知道如何使用选择器。我需要根据同名选择器区分slideLeft和slideRight

下面是javascript

function slideRight($el){
    $el.css('marginLeft', '-70px').animate({marginLeft: '+=70px'},{ duration: 500, queue: false }).fadeIn(500, false).removeClass('hidden');
}

function slideLeft($el){
    $el.css('marginright', '-70px').animate({marginright: '+=70px'},{ duration: 500, queue: false }).fadeIn(500, false).removeClass('hidden');
}

function checkAudioCue(){
    try {
        var num = Math.floor(curTime);
        var entryNum;
        if(audioCues[""+num]){
            entryNum = audioCues[""+num];
        }

        if (entryNum != undefined){
            var $el = $('.hidden[data-cuenum="' + entryNum + '"]');
            /*$('.hidden[data-cuenum="' + entryNum + '"]').removeClass('hidden'); */
            slideRight($el);
        }
    } catch(error){}
}

这是HTML

<div class="hidden slideRight" data-cuenum="2">
    <h4>TEXT</h4>
    <div class="hidden slideRight" data-cuenum="3">
        <p><strong>Text:</strong> Text</p>
        <span class="color2">
            <ul>
                <li>Text </li>
            </ul>
        </span>
    </div>

文本
文本：文本


正文

为函数使用另一个参数：

function slide($el, dir){
    var prop = 'margin'+dir.charAt(0).toUpperCase()+dir.slice(1),
        anim = {};
    anim[prop] = '+=70px';
    $el.removeClass('hidden')
       .css(prop, '-70px')
       .animate(anim, { duration: 500, queue: false })
       .fadeIn(500, false);
}

slide($('.hidden[data-cuenum="' + entryNum + '"]'), "right");