javascript - How to open a toggle feature by clicking on another link -

i trying make feature scrolls down toggle function , opens automatically when scrolls down.

<a href="#!" id="linkbro">click me </a> <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit,  sed diam nonummy nibh euismod tincidunt ut laoreet dolore  magna aliquam erat volutpat. ut wisi enim ad minim veniam,  quis nostrud exerci tation ullamcorper suscipit lobortis nisl  ut aliquip ex ea commodo consequat. duis autem vel eum iriure  dolor in hendrerit in vulputate velit esse molestie consequat,  vel illum dolore eu feugiat nulla facilisis @ vero eros et  accumsan et iusto odio dignissim qui blandit praesent luptatum  zzril delenit augue duis dolore te feugait nulla facilisi.  nam liber tempor cum soluta nobis eleifend option congue  nihil imperdiet doming id quod mazim placerat facer possim  assum. typi non habent claritatem insitam; est usus legentis  in iis qui facit eorum claritatem. investigationes  demonstraverunt lectores legere me lius quod ii legunt saepius.  claritas est etiam processus dynamicus, qui sequitur mutationem  consuetudium lectorum. mirum est notare quam littera gothica,  quam nunc putamus parum claram, anteposuerit litterarum formas  humanitatis per seacula quarta decima et quinta decima. eodem  modo typi, qui nunc nobis videntur parum clari, fiant sollemnes  in futurum.</p> <div id="fine">     <button class="show_hide">toggle</button>     <p class="content">      paragraph end paragraphs.       should feel <em>lucky</em> have seen such paragraph in      life.  congratulations!     </p> </div> 

my javascript. scroll down function works toggle not open up.

$(document).ready(function () {     $(".content").hide();     $("#linkbro").click(function() {         $('html, body').animate({             scrolltop: $("#fine").offset().top - 50         }, 2000);         $(this).next('.content').slidetoggle(200);     }); }); 

you use $(this).siblings. change:
$(this).next('.content').slidetoggle(200);
to:
$(this).siblings('div').find('.content').slidetoggle(200);

and perhaps wanted toggle button this?

$('.show_hide').click(function(){     $(this).next('.content').slidetoggle(200); });   

here's updated script:

<script> $(document).ready(function() {     $(".content").hide();      $("#linkbro").click(function() {         $('html, body').animate({             scrolltop: $("#fine").offset().top - 50         }, 2000);         $(this).siblings('div').find('.content').slidetoggle(200);     });      $('.show_hide').click(function(){         $(this).next('.content').slidetoggle(200);     }); }); </script>