jQuery change div content

Question

I need help changing my code so that it changes div content on click to link id example: I click first link, it prints out 1 and so one. And also it will have an unique link

Answer 1

window.location.hash normally returns an empty string when there is no hash, and you need to check the anchors href, not hash. It does'nt look like the anchors are inside the .tabs element either ?

$(function () {
    $(window).on('hashchange', function () {
        var tabContainers = $('.tabs > div'),
            hash = window.location.hash != '' ? window.location.hash : '#first';

        tabContainers.hide();
        tabContainers.filter(hash).show();
        $('.tabNavigation li a').removeClass('selected');
        $('a[href="' + hash + '"]', '.tabNavigation').addClass('selected');
    }).trigger('hashchange');
});

I'm gussing you actually have elements with ID's matching the anchors href inside .tabs, and that is't not empty like in the example?

DEMONSTRATION

Answer 2

Try this out:

$('#1').click(function(){ $('.tabs').html('Your Text'); })

you can include this in a function which accepts the id and sets the value at the appropriate location in the dom tree

Since your a tag should not perform the default action, you should prevent a from the same.