JQueryを使用してページの外部にdivをターゲットにする

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'}); 
});