Show content in div on click

read first the way over tab alb : https://kriesi.at/support/topic/show-content-in-div-on-click/#post-1366868

Solution see later

If there are any questions – feel free to ask

• This reply was modified 2 years, 1 month ago by Guenni007.

If I have misinterpreted your picture and description, then one could now easily rewrite the whole thing to the td instead of tr.

by the way – not necessary for the solution above but …
– there is that option to give to the tabs an custom ID – if not they will have those data-fake-id = #tab-id-1, etc
these are part of the url shown on the browser window.

try then in your child-theme functions.php:

function tab_titles_to_data_fake_id() { 
?>
<script type="text/javascript">
(function($){
	$(window).on('load', function(){
	    $('.tabcontainer .tab_titles .tab[data-fake-id^="#tab-id"]').each(function() {
	    	var tabTitle = $(this).clone().html().replace(/\s+/g, '-').toLowerCase();
	    	$(this).attr('data-fake-id', '#'+tabTitle);
	    });
	  	$('.tabcontainer .av_tab_section .tab[data-fake-id^="#tab-id"]').each(function() {
	    	var tabTitle = $(this).clone().html().replace(/\s+/g, '-').toLowerCase();
	    	$(this).attr({
	    		'data-fake-id': '#'+ tabTitle ,
	    		'aria-controls': tabTitle +'-content',
	    	});
	    	$(this).closest('.av_tab_section').find('.tab_content').attr('id', tabTitle +'-content');
	    });
	}); 
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'tab_titles_to_data_fake_id');

if a data-fake-id starts with #tab-id it will be replace with the tab-title ( lowercase and spaces to “-” )

PS i don’t know if this is good practice because i do not think that if the toggle ID’s are indexed that this jQuery will be work as expected.

A good solution with no response from you … – https://enfold.webers-webdesign.de/toggle-content/

There is no need to thank me, only positive feedback means that I no longer have to keep an eye on the subject and can simply tick it off.