Set-up of a Click Event

[cdelagarza]

Hi awesome theme.co team,

is it possible to insert an element with (formatted) text, which will be moved when clicking on the speaker below? I want to place a click event on the image that displays an invisible/hidden box and revealing it after the click event.

Just scroll down a bit to the speakers: https://kick-marketingforum.com/

Best,
Christopher

[thai]

Hi Christopher,

You can wrap around your image with an <a> tag. Something likes this:

<a href="#my_section"><img class="x-img x-img-none none zoom-in-effect" src="https://kick-marketingforum.com/wp-content/uploads/2019/02/kick-arrow-down.png"></a>

The my_section should be your section ID, it should be unique.

Hope it helps

[cdelagarza]

Hi Thai,

thanks for your fast reply. I think my question was not specific enough:

I don’t need an achor or jumpto event; imagine that the text will only appear when the click event happened, like clicking on an accordion with ‘more details’ as headline. I don’t want to use the accordion element in this case.

Best,
Christopher

[jade]

Hey Christopher,

There is currently no element that can do what you are trying achieve but you can write a custom Javascript for it just like this:

(function($){

    $("#eacs-interactive-promo-1459").on("click", function(){
  		// do the actions here.
	});

})(jQuery);

The code above will keep track of the click even for the first speaker through its ID.

As you can see, each of the speaker item has an ID assigned to it so you can make use of the IDs of each item and add a click even listener just like the code above then under /// do the actions here. write the codes to reveal the text box related to the item clicked. You may assign an ID to the textboxes and target them using their ID.

As this is something that requires customization, this goes beyond the scope of our support but you may check these links as guides:

Jquery ON: http://api.jquery.com/on/
http://api.jquery.com/css/

Hope this helps.