Home/ Questions/Q 849033
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T07:02:18+00:00

1) We have a page index.html with blocks: <body> <div id=action1>One</div> <div id=action2>Two</div> <div

  • 0

1) We have a page index.html with blocks:

<body>
<div id="action1">One</div>
<div id="action2">Two</div>
<div id="action3">Three</div>
</body>

2) CSS

body div { color: blue; }
body div.current { font-weight: bold; color: red; }

3) Other pages with links to index.html and some target:

<a href="index.html#action1">Link to One</a><br/>
<a href="index.html#action2">Link to Two</a><br/>
<a href="index.html#action3">Link to Three</a><br/>

The question is how to catch current link target on page index.html and give extra class for target block.

If current link of opened page is index.html#action1, then add class .current to <div id="action1">One</div>– will become <div id="action1" class="current">One</div>

If index.html#action2-> <div id="action2" class="current">Two</div>

And so on.

  • check #target
  • check id
  • if target = id addClass(“current”) for block with id

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can do this:

    $(function() {
  if(location.hash) $(location.hash).addClass("current");
});

    This uses the location’s hash property (if there is one), it’d be "#action1" as an ID selector then adds the class via .addClass(), short and simple 🙂

    • 0