Help with this? JQuery I think...

BenWall · Jan 27, 2013

Hi all,

I'm currently updating the website for the company I work for and we've moved over to Magento for our e-commerce platform. I'm currently working on the FAQ page and was wondering how something like this is done. I want the answer to the questions to drop down for each question.

Example page.

Any ideas?

cava83 · Jan 28, 2013

BenWall said:
Hi all,

I'm currently updating the website for the company I work for and we've moved over to Magento for our e-commerce platform. I'm currently working on the FAQ page and was wondering how something like this is done. I want the answer to the questions to drop down for each question.

Example page.

Any ideas?

Hi,

You can do that through various different methods, but jQuery would be your easiest.

Are you using Magento Community Edition, Go or Enterprise?

Thanks,

G.

Munday · Jan 28, 2013

This might help: http://api.jquery.com/slideToggle/

BenWall · Jan 28, 2013

cava83 said:
Hi,

You can do that through various different methods, but jQuery would be your easiest.

Are you using Magento Community Edition, Go or Enterprise?

Thanks,

G.

Hi, it's the community edition.

Thanks,

Cup_Phil · Jan 28, 2013

Very very easy with jquery - few lines of code

BenWall · Jan 28, 2013

Does it not need some plugin or sorts installing first? Sorry for the noob questions.

Cup_Phil · Jan 28, 2013

Nope just a very basic knowledge of jQuery

It's a standard function

BenWall · Jan 28, 2013

Hi,

I've used this code,

<!DOCTYPE html>
<html>

<head>

<style>

p { width:400px; }

</style>

<script src="http://code.jquery.com/jquery-latest.js"></script>

</head>

<body>

<button>Toggle</button>

<p>

This is the paragraph to end all paragraphs. You

should feel <em>lucky</em> to have seen such a paragraph in

your life. Congratulations!

</p>

<script>

$("button").click(function () {

$("p").slideToggle("slow");

});

</script>

</body>

</html>

But because I'm trying to make it work inside a HTML page is affecting areas outside of my WYSIWYG box..

Anyway of stopping this?

Cup_Phil · Jan 28, 2013

Outside of your WYSIWYG box? What?

Are you trying to enter that through a page editor/cms or something?

ThomasBrentnall · Jan 28, 2013

Put the jquery/javascript code into a script. Open the index.php (or whatever it is on Magento) and include the js file there. The on the WYSIWYG editor open the html view to wrap the tags around your content.

Simples! Well always worked in joomla for me anyway

Search

Search

Help with this? JQuery I think...

BenWall

cava83

Munday

BenWall

Cup_Phil

BenWall

Cup_Phil

BenWall

Cup_Phil

ThomasBrentnall

Similar threads