.fullinfo {
            display:none;  /*Для дополнительных пунктов меню, которые будут появлятся по клику*/
        }
.infodiv {
            width:70%;
            position:relative;
            height:132.8px;
        }
        .infobutton {
            border-width: 1px;
            width: 22px;
            height: 22px;
            border-color: #0732AF;
            
            padding: 0px 20px 0px 20px;
            position: absolute;
            bottom: 0;
            right: 50%;
            border-style: solid;
            background-size: contain;
            background-repeat: no-repeat;
            background-position-x: 50%;
            background-image:url(../Images/arrow.png);
        }

<div class="contR infodiv">
                    <table class="infotable">
                        <tbody><tr>
                            <td>
                                <h2>Тамерлан Гахраманов</h2>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h3>4 альбомов</h3>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h3>0 фотографий</h3>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h4>О себе:</h4> <h4></h4>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <a href="#" class="infobutton open">
                                    
                                </a>
                                
                            </td>
                        </tr>
                        <tr class="fullinfo">
                            <td>
                                <h3>Телефон: </h3> <h3>не указан</h3>
                            </td>
                        </tr>
                        <tr class="fullinfo">
                            <td>
                                <h3>Email: </h3> <h3>tamerlangahramanov@mail.ru<;/h3>
                            </td>
                        </tr>
                        <tr class="fullinfo">
                            <td>
                                <h3>Skype:</h3> <h3>не указан</h3>
                            </td>
                        </tr>
                        <tr class="fullinfo">
                            <td>
                                <h3>VK: </h3> <h3></h3>
                            </td>
                        </tr>
                    </tbody></table>
                </div>

$(document).ready(function () {
            $('.open').click(function () {
                var el = $('.infodiv'); //контейнер

                $('.fullinfo').css('display', 'inline'); //то, что появляется при открытии
                curHeight = el.height(); //запоминаем высоту
                autoHeight = el.css('height', 'auto').height(); //выставляем авовысоту и запоминаем ее размер
                el.height(curHeight).animate({ height: autoHeight }, 1000); //выставляем автовысоту анимационно
                $(this).removeClass('open'); //изменяем значёк кнопки на вверх
                $(this).addClass('close');     //старый значек удаляем
            });
            $('.close').click(function () {
                alert("!!!");
                $('.fullinfo').css('display', 'none');
                var el = $('.infodiv'); 
                
                curHeight = el.height();
                autoHeight = el.css('height', 'auto').height();
                el.height(curHeight).animate({ height: autoHeight }, 1000);
                $(this).removeClass('close');
                $(this).addClass('open');
            })
        });