[londonman]

Hi folks,,

 

Please check the referenced sites, 

https://www.hivis.co.uk/faqs-en.html

 

The content only shows up when the mouse click the question?

 

With what code I can make it happen? And how to make it automatically close when click other tags?

 

Thank you,

[tbirnseth]

<div class="hidden" id="my_image_area">
Assuming this is an image you want to reveal
</div>
<div">
<a href="#" id="my_question">And this is your question?</a>
</div>
<script>
$('#my_question').click(function() {
  $('#my_image_area')..toggle();
  return false;
});
</script>

[eComLabs]

You can use default microformats as well. Please read the "Elements combinations" section here

 

https://docs.cs-cart...croformats.html

[londonman]

<div class="hidden" id="my_image_area">
Assuming this is an image you want to reveal
</div>
<div">
<a href="#" id="my_question">And this is your question?</a>
</div>
<script>
$('#my_question').click(function() {
  $('#my_image_area')..toggle();
  return false;
});
</script>

Hi, thank you for your reply. I am not good at coding, I wonder if you can give me  a example code. Like th e question, and the answer.  Appreciate that.

[londonman]

You can use default microformats as well. Please read the "Elements combinations" section here

 

https://docs.cs-cart...croformats.html

Hi there, i checked the link and  tried Popups, but falied

<div class="cm-popup-box">
<strong class="hand cm-popup-switch">Close</strong>
...
</div>

 

[tbirnseth]

Hi, thank you for your reply. I am not good at coding, I wonder if you can give me  a example code. Like th e question, and the answer.  Appreciate that.

That is example code...

[londonman]

That is example code...

Thank you, i see the questions, but where should I put the answer in？ 

[tbirnseth]

Thank you, i see the questions, but where should I put the answer in？ 

Where it says: "Assuming this is an image you want to reveal".  if you're just using text for the answer, just use 'p' tags inside the 'div'.