I’ve been struggling with my very first code ever. However I’m not even sure if it is the coding that is the problem.
I’m creating a service section for a B&B website with expandable text boxes since it’s a lot of information/text.
The short text contains the correct text with the matching service. However if I click the dropdown arrow it changes to the text of the last service I coded. So in the end, it’s just all the same text. The screenshots should explain it a bit more;
Your code has two onReady() functions which won’t work. Each page has only one onReady() event handler which is run when the Page is ready. The onReady() function contains code that needs to run once the page is ready. After that, the other functions and event handlers take care of the user interaction.
Thank you Yisrael for your response! I eventually fixed the issue and the text works correctly at this point. However, I’m struggling with the 70-px gap distance ‘rule’. I may be out of place asking this and please let me know if I am, but maybe you know a solution and can help me out.
I’m working with long and small texts because I want to place 4 services next to eachother. I know that there is a rule where text bigger than 70 pixels doesn’t shift, how ever I do not know the solution.
This is the example of the gap between texts. When I expand it hits the service at the bottem.
Any ideas on the problem above? I’m still struggling with this issue. I can’t get the text to fit. Has a huge gap between the texts as can be seen on the image above.
