Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists Sub: ua-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html Don't forget to drop any questions below, I will do my best to make a video demo for you!
Thank you for this awesome video! I put the style specs in the Theme Options and the script in Integration in the head. It works so well on my website, however the hover/click area is below the text on the button. Is there a way to make it work when clicking on the text?
Thank you so much for this video. I was looking for ages and none of the solutions were quite right or were out of my skill level... this is exactly what I was after and so easy. Thank you!
Glad to help @carolinemeathrel6955 - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
Thank you. I've been able to replicate this with 2 side-by-side buttons opening 2 different rows. How can I change the code to make each button simultaneously close the other row when clicked to open the initial one (if the other is still open)?
Great functionality added to a layout! Thank you! -- Any chance you could elaborate on how to use two buttons on a page to show/hide two different sections? I'm struggling with a three-column section. I want to hide sections 1 and 2 with one button and section 3 with another button. But when I modify the CSS by changing things to rv1_button/reveal1 and rv2_button/reveal 2, column 2 doesn't want to cooperate and stays visible the entire time, despite being given reveal1, the same as column 1. Sections 1 and 3 work with their respective buttons.
Glad to help @cjsebes - Try using a different id and function name for each button! This video should help: ua-cam.com/video/yd-wGkDqjUo/v-deo.html - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
@@System22, thanks for the suggestions! Fortunately, the client decided to simplify the layout of the page and I no longer need to try the original plan. Crisis averted!
Thank you very much for this wonderful video! I'm attempting to create multiple buttons to reveal different sections on the same page, but the command appears to consistently open the same section. Do you have any advice for me?
Glad to help @VelmaDrape - Use different IDs and function names for each. Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Hi great solution but I have a question. Could I add code to theme options instead of code module. I hope it will make it much easier to manage. Thank you for response / Have a great day
Glad to help Dariusz Supel - You can put the css down there. The script you would need to add in integration. Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Hey, works super good but I have one thing that does not work to me, could you help me please? Did everything you said in the video but my photo gallery (Which has originally 4 columns) now has only 3 columns and it does not even center itself. Do you have solution?
Not sure why that is @janelias7235 - This video may help: ua-cam.com/video/bm4IHsyx-h0/v-deo.html - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Glad to help @oOnewerOo - Not sure without looking! Might try enabling vertical scroll over in Advaced Tab > Visibility - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
No, you don't need to change them @katrinrintelen-rosler4696 - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
Glad to help Jannell H. - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Not sure why that is @TayabBhatti193 - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Glad to help Taylor Brown - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
That's great video and I did it but now I want to edit that hidden section and I can't because it's hidden when I activate the visual builder. How do I reverse the process?
Remove the code or use wireframe mode (hit yhe purple button to expand and click on the icon second from the left), and edit on the back end @coach_pk - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Hey, great tutorial! Thank you. A question popped in my head - How to change the button text to "Hide" when it's clicked and the section is visible? The hover effect is not practical and it's a little confusing. Thanks in advance.
Glad to help @peterpavlov2994 - This may help you: ua-cam.com/video/BppIdC7tP78/v-deo.html - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists
Sub: ua-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html
Don't forget to drop any questions below, I will do my best to make a video demo for you!
Thank you for this awesome video! I put the style specs in the Theme Options and the script in Integration in the head. It works so well on my website, however the hover/click area is below the text on the button. Is there a way to make it work when clicking on the text?
Thank you so much for this video. I was looking for ages and none of the solutions were quite right or were out of my skill level... this is exactly what I was after and so easy. Thank you!
Glad to help @carolinemeathrel6955 - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
Thank you. I've been able to replicate this with 2 side-by-side buttons opening 2 different rows. How can I change the code to make each button simultaneously close the other row when clicked to open the initial one (if the other is still open)?
Great functionality added to a layout! Thank you! -- Any chance you could elaborate on how to use two buttons on a page to show/hide two different sections? I'm struggling with a three-column section. I want to hide sections 1 and 2 with one button and section 3 with another button. But when I modify the CSS by changing things to rv1_button/reveal1 and rv2_button/reveal 2, column 2 doesn't want to cooperate and stays visible the entire time, despite being given reveal1, the same as column 1. Sections 1 and 3 work with their respective buttons.
Glad to help @cjsebes - Try using a different id and function name for each button! This video should help: ua-cam.com/video/yd-wGkDqjUo/v-deo.html - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
@@System22, thanks for the suggestions! Fortunately, the client decided to simplify the layout of the page and I no longer need to try the original plan. Crisis averted!
Awesome!
Thank you very much for this wonderful video! I'm attempting to create multiple buttons to reveal different sections on the same page, but the command appears to consistently open the same section. Do you have any advice for me?
Glad to help @VelmaDrape - Use different IDs and function names for each. Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Amazing! It worked! Thank you so much@@System22!😀👏
Awesome!
Hi great solution but I have a question. Could I add code to theme options instead of code module. I hope it will make it much easier to manage.
Thank you for response / Have a great day
Glad to help Dariusz Supel - You can put the css down there. The script you would need to add in integration. Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Hey, works super good but I have one thing that does not work to me, could you help me please? Did everything you said in the video but my photo gallery (Which has originally 4 columns) now has only 3 columns and it does not even center itself. Do you have solution?
Not sure why that is @janelias7235 - This video may help: ua-cam.com/video/bm4IHsyx-h0/v-deo.html - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
@@System22 Thanks, i'll look into it and subscribe
Hey, thank you for the code. I have 15 flipcards in a section. If i use this code they stack on each other. How can i resolve it?
Glad to help @oOnewerOo - Not sure without looking! Might try enabling vertical scroll over in Advaced Tab > Visibility - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
what is {content:"\33";} and {content:"\32";} for? Do I have to change it? And how do I get the right numbers?
No, you don't need to change them @katrinrintelen-rosler4696 - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
Thank you SO, so much!! This is exactly what I needed. I appreciate you sharing ♥
Glad to help Jannell H. - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Hi Sir, I have used this code, in my case it reveals and auto-hides instantly, do you have a solution for this, please.
Not sure why that is @TayabBhatti193 - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
I am having the same issue.
have you solved it? Having the same issue
just solved it, just remove this line - jQuery('.rv_button').toggleClass('opened closed');
});
Wonderful, absolutely great again! I´m thinking about some large content to make it appear smaller. This seems to be a great option.
Go for it!
Thanks! Extremely easy to follow.
Glad to help Taylor Brown - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
That's great video and I did it but now I want to edit that hidden section and I can't because it's hidden when I activate the visual builder. How do I reverse the process?
Remove the code or use wireframe mode (hit yhe purple button to expand and click on the icon second from the left), and edit on the back end @coach_pk - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Hey, great tutorial! Thank you.
A question popped in my head - How to change the button text to "Hide" when it's clicked and the section is visible? The hover effect is not practical and it's a little confusing. Thanks in advance.
Glad to help @peterpavlov2994 - This may help you: ua-cam.com/video/BppIdC7tP78/v-deo.html - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
It's cool 🎉
Glad to help @dedisupardi2815 - Thanks!