在溢出的幻灯片上显示：隐藏的div

Question

我对一个棘手的情况了解。 我有一个200px高的div（溢出：隐藏）和一个600px高的子div。 我左右滑动儿童div。问题是由于溢出而导致子div被切断：隐藏。

jQuery( '.haschild .hikashop_category_name a' ).click({slide: false}, function( e ) {     
    var slidecontent = jQuery(this).parent().parent().find('.hikashop_category_list');
    e.preventDefault();
    if (jQuery(this).hasClass('shown')) {
    jQuery( slidecontent ).animate({ 'right': '-100%'}, 400);
    jQuery(this).removeClass('shown');
}else{
    jQuery( slidecontent ).animate({ 'right': '0'}, 400);
    jQuery(this).addClass('shown');
}

不太确定该怎么做。

我知道我可以将addClass添加到父级并覆盖溢出。但是当孩子出现时，这是一个很大的跳跃。