I am using the Jquery accordion in my portfolio to house all my projects. The only thing I really don't like about it is that in some cases you open a tab and it doesn't open in a position that is good for reading. I was wondering if there was a way to make it so that when you click on a tab, the animation occurs with the tab ending up positioned at the top of the page. (the way i used it the tabs make a list which is almost the full height of the page, heres the link: www.borisopacic.com)
I am currently making a web portfolio for myself and I rant into a bit of a problem with the accordion.
currently I initialize the accordion this way:
$(function() {
$( "#accordion" ).accordion({
active: false,
autoHeight: false,
navigation: true,
collapsible: true
});
});
This works perfectly however I'm using the Galleria JS image viewer (www.Galleria.io) which must be initialized as well for each project of mine. The problem is that because the accordion contents are hidden, the image viewer experiences initialization errors.
I was told that I have to place the Galleria element outside of the viewport or change the way the accordion works. Does anyone have any suggestions on how to solve my problem?