Как создать ссылку на скрытый div?

У меня есть html-файл с div. Все divs по умолчанию скрыты, и каждая из них имеет ассоциированную кнопку, которая отображает их (javascript).Как создать ссылку на скрытый div?

Как создать внешнюю ссылку на другом сайте, которая указывает на один из разделов, и загружает страницу с указанным div? http://example.com/page.html#div1 работает, но div скрыт.

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#div1").hide(); 
     $("#div2").hide(); 
     $("#div3").hide(); 

     $("#btn1").click(function(){ 
      $("#div1").show(); 
      $("#div2").hide(); 
      $("#div3").hide(); 
    }); 

    $("#btn2").click(function(){ 
      $("#div1").hide(); 
      $("#div2").show(); 
      $("#div3").hide();  
    }); 

    $("#btn3").click(function(){ 
      $("#div1").hide(); 
      $("#div2").hide(); 
      $("#div3").show(); 
    }); 

});</script>

источник

2014-12-11 fishmong3r

вы спрашиваете, как показать DIV, когда была открыта ссылка? –

@LorenzoMarcon Я спрашиваю, как показать, что очень div содержит ссылку. – fishmong3r

добавить что-то к URL-адресу, которое указывает, что вы хотите видеть div, 'http: //example.com/page.html? Show_div = 1', затем с помощью javascript на странице отобразится соответствующий div – MLeFevre

Во-первых, получить право вар из URL (например, div1):

function getParameterByName(name) { 
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 
    results = regex.exec(location.search); 
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
}

Затем создайте функцию JQuery, которая будет проверять для строки URL-адрес и сделать DIV, что есть ссылка на в URL.

var divId = getParameterByName('div'); 

$("#div"+divId).show();

Thats it.

Примечание: Ваш URL должен выглядеть следующим образом: http://example.com/page.html?div=1

источник

2014-12-11 10:16:43 Chilion

Как создать ссылку на скрытый div?

ответ

Смежные вопросы