javascript - Open specific div with specific link -

i have formatted website links open of different divs instead of different pages.

something like:

<li><a id="search-reg-options" data-display="#search-adds"                     class="side-a-li">sex offender search</a>                     <div id="search-adds" class="sub-options">                         <ul>                             <li><a data-display="#mapdiv" class="side-a-option">search                                     sex offender registries</a></li>                             <li><a class="side-a-option">sex offender management                                     program success</a></li>                             <li><a class="side-a-option">sex offender management                                     program success</a></li>                         </ul>                     </div></li>      $(document).ready(function(e) {         $('a').not($('#search-reg-options')).click(function(e) {             $('.ui-show').removeclass('ui-show')             var mydiv = $(this).data('display');             $(mydiv).addclass('ui-show');         });          $('#search-reg-options').click(function(e) {             $('.options-shown').removeclass('options-shown')             var mydiv = $(this).data('display');             $(mydiv).addclass('options-shown');         });     }); 

so clicking on link open div changing display. issue don't know how link user particular div when click on link div shown.

perhaps javascript or can fix this? rather not rebuild project each page different jsp file.

to clarify,

i want localhost:8080/frontpage/#div1 open div1 when site loads...

this webapp has spring mvc backbone if can somehow fix it. fine.

you can use access location.hash if exists run code same if clicking on anchors.

the hash property sets or returns anchor part of url, including hash sign (#).

$(document).ready(function(){      if (location.hash.length != 0) {         $('.ui-show').removeclass('ui-show')         var mydiv = location.hash;         $(mydiv).addclass('ui-show');     }  });