Docs

[arthurdupuy]

Hello X,

Here is my website http://www.alveusclub.com/post-bac/ (password : arthure)

I would like to create several pages in one page. When you click on ‘Médecine’ you have access to specific medecine content which appear down, When you click on ‘Droit’ you have access to specific droit content which appear down, etc.

Do you have special Javascript/CSS for that ? Or any idea for that ?

Thank you very much !

Arthur

[arthurdupuy]

This reply has been marked as private.

[Jade]

Hi Arthur,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[arthurdupuy]

Hello Jade

Thank you for your answer !
Sorry for that !

Here is the clarification :

1) One this website http://www.alveusclub.com/post-bac/ (password : arthure), I would like to have some content appear when I click on special link, for that I’ve created :

– The link button :
<h5 style=”text-align: center; color: black; “>Médecine</h5>

– Then, this HTML code on ‘text’
<div class=’med’ style=’color: #08203b;’ >

Test

<div class=’more_med’ style=’display:none’>

[x_image type=”circle” src=”http://www.alveusclub.com/wp-content/uploads/2016/07/AAEAAQAAAAAAAAU8AAAAJDIxN2Y4OGU0LTU3MTYtNDhkNC1hNDEwLWRjMjhkNzdiMjgzYw.jpg&#8221; alt=”” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” style=”width: 30%;margin-left: 10px;margin-top: 10px;”]

</div>

</div>

– Finally, I’ve inserted this JAVAscript to have the .more_med class appear when I click on the link :

(function($){
$(document).ready(function(){
$(‘a.read_more_med’).click(function(event){
event.preventDefault();
$(this).parents(‘.med’).find(‘.more_med’).toggle(‘400’, ‘swing’);
});
});
})(jQuery);

But It doesn’t work :/ …

2) Is it possible to have the JAVAscript code that : When I click on an another button with a special class (.disappear_button for example). The content (.more_med class ) disappear again

Thanks again for your help !

Arthur

[Christian]

Hey Arthur,

I see. Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Alternatively, you might want to checkout the features of our bundled plugins such as the Grid, Essential Grid or ConvertPlug.

Thanks for understanding. Take care!

[arthurdupuy]

Ok, too bad.

Thank you !

[Lely]

You’re welcome!

Cheers!

[Author]

Posts