Question

我试图在用户点击位于任一div之外的文本链接时，将父div滑入父div中的视图。

它基本上用于搜索页面的高级搜索条件部分，因此当用户进入页面时，默认情况下，我试图将其稍微放置一点（以隐藏它）直到用户点击文本链接，使其切换并滑入视图。（高级搜索条件就像是需要水平幻灯片的插件）

这是我得到的，当用户输入时似乎没有隐藏它，也不允许我在同一页面上外部定位文本链接。

CSS

 <style type="text/css">
.slide {
position: relative;
overflow: hidden
}

.slide .inner {
bottom: 0;
width: 220px;
}

</style>

父div中的可怕链接文本我似乎无法重新定位在任何地方：

<div id="slidebottom" class="slide">
<a href="#" class="toggle">Slide it</a>
<div class="inner">

Jquery：

<script>
$(document).ready(function() {
    $('.toggle').click(function() {
        var $marginLefty = $(this).next();
        $marginLefty.animate({
            marginLeft: parseInt($marginLefty.css('marginLeft'), 10) == 0 ?
                $marginLefty.outerWidth() : 0
        });
    });
});
</script>

Answer 1

我为你做了一个简单的例子：

http://jsfiddle.net/WJ7Zp/

$('.toggle').click(function() {
  $(this).next().animate({width: 'toggle'});
});

使用JQuery在页面上外部定位div

1 个答案: