如何在隐藏的选项卡面板中获取元素位置？

Question

如果未隐藏选项卡面板，那么有一个脚本可以很好地工作，但是我需要计算元素的位置，宽度，而无需对选项卡面板显示进行操作，因为我使用的脚本超出了选项卡面板的范围，例如仅“ .swipeTab”。

P.S。对不起，我的英语...

例如：

<div class="tab-panel" style="display: none">
    <div class="swipeTab">
        <div class="swipeTab__list">
            <div class="swipeTab__item">TAB 1</div>
            <div class="swipeTab__item">TAB 2</div>
            <div class="swipeTab__item">TAB 3</div>
            <div class="swipeTab__item">TAB ...</div>
        </div>
    </div>
</div>

脚本的一部分

var target = $('.swipeTab__item'),
    list= $('.swipeTab__list');

position: function(target) {
        return {
            left  : $(target).position().left,
            right : parseInt($(list).outerWidth()) - parseInt($(target).position().left) - parseInt($(target).outerWidth())
        }
    }