I have a list of anchor tags on a website. How can I change the content of a panel depending on which tag is clicked. I don't want the page to change. I am guessing I will need to use JQuery but I don't want to use tabs. Please help.

Question

I have a list of anchor tags on a website. How can I change the content of a panel depending on which tag is clicked.  I don't want the page to change. I am guessing I will need to use JQuery but I don't want to use tabs. Please help.

anonymous · Answer

You will need to use JavaScript, but jQuery is a good choice as a framework. You don't need to use tabs, you can also program it without them. Just catch the .click()-Event of your Links and depending on which link was clicked, make the panel visible you want to show. There're good jQuery Tutorials around in the web - a good start is the jquery.com official website. If you have any questions related to jQuery, do not hesitate to ask me!

anonymous · Answer

Thanks Zuck I am looking at the site now.

anonymous · Answer

$(function) {
  $('a#panellink1).click(function() {
    $('.panel').hide(0);
    $('div#panel1).show(0);
  }
}
just an example. If you click the link with id "panellink1" all panels (css class "panel") will be made invisible and the panel with the id "panel1" will be shown.