2012-06-11 1 views
0

У меня есть простой скрипт JQuery, который показывает и скрывает Div блок:Jquery шоу, если URL содержит

<script type="text/javascript">' 
    $(document).ready(function(){  
     $(".slidingDiv").hide(); 
     $('.show_hide').click(function(){ 
      $(".slidingDiv").slideToggle(); 
     }); 
    }); 
</script> 

<a class="show_hide" href="#">Show/hide</a> 
<div name="gohere" class="slidingDiv"> 
    ... 
</div> 

Это работает отлично, но если URL содержит #gohere Я хочу, чтобы автоматически показывать этот DIV и скрыть это только если щелкнуть .show_hide.

ответ

1

Установите DIVS ID быть gohere, то вы можете сделать:

$('.show_hide').click(function(){ 
    $($(this).attr('href')).slideToggle(); 
}); 

, так как ваш HREF атрибута будет содержать #gohere, селектор для slidetoggle будет в конечном итоге #gohere, который corelates к вашему DIVS ID.

EDIT: Для первой части вашего вопроса вы можете получить текущий тэг с window.location.hash.

if (window.location.hash.length > 0) { 
    $(window.location.hash).show(); 
} 

Возможно, вы должны проверить правильность проверки ошибок, но это должно сработать.