I am making a simple ping pong game where I am facing a side collision problem means when the ball collides with the either side of the paddle . Although I have written code for making it works but something is failing....I want plz someone to give suggestions and tell how to avoid it.

Means while trying to hit the ball with side face of the paddle poses a problem.!!

Here is the main part of the code causing problem

function checkCollision(){

    ///// This is collision detection for the upper part /////
    if( cy + radius >= paddleTop && cx + radius > paddleLeft && cy + radius >= paddleTop + 5 && cx - radius <= paddleLeft + paddleWidth ) {
        dy = -dy;
        ++hits;  /// On collision we are increasing the Score
        playSound();
    }
    else if( cy + radius >= paddleTop && cy + radius <= paddleTop + paddleHeight && cx + radius >= paddleLeft && cy - radius <= paddleLeft - (radius + 1) ) {
            dx = -dx;
    }

}

here is working fiddle for it :- http://jsfiddle.net/gurjitmehta/orzpzf69/