hi guys, this is a page from my project website. In it, I want to show different content on the page by clicking sidebar item (programme enrolled, payment etc)
this is my page link when only content for programme are coded in the website.
(right now only courseItem code is there and paymentItem code is commented)
I want that in the same page when I click say payment output regarding it must come up
so for this my plan is that I would add
position: absolute; to the
.loggedIn__item class (line number: 645)
and for each item (like .courseItem, .paymentItem etc.) i’d add higher z-index and white background color
then i’d add click event to each sidebar button and add a class with higher z-index with each item(like courseItem etc).
but as I’m doing position:absolute to my .loggedIn__item and it is overflowing footer. this is my code with paymentItem code and position absolute done to my code.
I know there is too much text above so basically I want to show content by clicking some button(sidebar buttons) and attaching higher z-index class to it. Please help me solve this position:absolute and position:relative problem. And tell if there is some problem in my plan.
how can I solve it?