I’ll show you How to Make an Interactive Elementor Tab🔥 By using this technique, You can Alter/Change any content/element by clicking on any logo or button. No additional plugin is required!!Initial
Show/Hide CSS
- .all-content{
- display: none;
- }
- #facebook-content{
- display: block;
- }
Image Data Attribute
- data-showme|ID-NAME-content
Interactive Tab JS
- <script src=“https://code.jquery.com/jquery-3.6.0.min.js”></script>
- <script>
- var $ = jQuery
- $(document).ready(function(){
- $(‘[data-showme]’).on(‘click’, function(){
- var showme = $(this).attr(‘data-showme’)
- $(‘.all-content’).hide()
- $(‘#’ + showme).show()
- })
- })
- </script>
One Response
Everything is very open with a precise clarification of the issues. It was truly informative. Your site is extremely helpful. Many thanks for sharing!