Show first tab/pane's content on load

You are probably clicking refresh after you have navigated to an item and the fragment identifier is therefore appended to the url so when you click refresh you are saying load the page but go to the link I just clicked. If you type in the url directly or remove the fragment identifier from the url then only the first link will load.

This is the problem with the :target selector and why I suggested that a jquery hide and show is more easily manageable.

The check box selector would work better but will need the same sort of structure as the original demo where the link is adjacent to its content in the html.

To fix the problem we can remove that current-link class and instead get the js to click the first item automatically.

Thge js would be changed to this from before.

<script>
$('#link1')[0].click()
$(".fz-intro-link a").click(function() {
	$(".firstTab").removeClass('firstTab');
});
</script>

I just added #link1 to the first item.

<div class="sidebar-links">
<div class="fz-intro-link"> <a id="link1" class=" link-01" href="#item-1">

The js will now click the first link which when the page loads and replicate the action of having clicked the first link. This means that you don’t need to add a special class as it wil work with the usual routine.