1. Helix-II
  2. Thursday, 27 August 2015
Hi everybody!

I'm using Helix template 2 and SP Page Builder Pro.

I create a layout with a series of rows each containing 3 images.

My target is that clicking on one image, under it appears a row (initially hidden) with some details.

To do this I have thought to the js toggle function.


1)

I added to index.php "->addJs('custom.js');"

in it I wrote the function

$(function () {

$('.toggle').click(function (event) {
event.preventDefault();
var target = $(this).attr('href');
$(target).toggleClass('hidden show');
});

});

2)

I've assigned to the image a href "#toShow" and the class "toggle"


3)

to the (initially hidden) row I assigned the class "hidden" and the section ID "toShow"

but when I click on the image it doesn't appear...

What am I wronging?
Responses (1)
Hi,

maybe this could help you to solve the issue

http://stackoverflow.com/questions/18050761/toggle-visibility-of-div
  1. more than a month ago
  2. Helix-II
  3. # 1


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.