[kwills]

I am currently working on a site and would like to add a show/hide content link on a div so when it is clicked, the user can do either.

I have been looking at MooTools to do this but am not too sure about how to do it. I was just wondering if anyone could recommend the best way this could be done?

[Shiro]

make the html look like this:

<div id="targetDiv">Fill in your content here</div>
<a href="javascript: show()">show</a>
<a href="javascript: hide()">hide</a>

And make your javascript look like this:

<script language="javascript">
function show() {
    var targetDiv = document.getElementById("targetDiv");
    targetDiv.style.display="block";
}
function hide() {
    var targetDiv = document.getElementById("targetDiv");
    targetDiv.style.display="none";
}
</script>

[herkalees]

Just remember that the language attribute has been deprecated. Use type instead:

<script type="text/javascript">
function show() {
var targetDiv = document.getElementById("targetDiv");
targetDiv.style.display="block";
}
function hide() {
var targetDiv = document.getElementById("targetDiv");
targetDiv.style.display="none";
}
</script>

[emil]

Jquery!

[kwills]

Cheers guys, will have a look and let you know how i get on.

[Shiro]

<script type="text/javascript">

Oops! By bad. I'm always trying to remember the right way to write that opening tag!

[Hunch]

I use mootools a fair bit. To be honest, it couldn't be much easier. They have online demos on their site of exactly what you want with the CSS and HTML. What are you having trouble with?

[kwills]

Originally Posted by Hunch

I use mootools a fair bit. To be honest, it couldn't be much easier. They have online demos on their site of exactly what you want with the CSS and HTML. What are you having trouble with?

I have rarely used Javascript before when designing my sites and am not too sure how to implement it. I did have a look at MooTools but wasn't too sure how to use it.

I have been looking at this: jQuery Sliding Panels and wanted to use the box where you can toggle the show/hide content. I had a go at inserting it into a test page and couldn't seem to get it to work.

I could do with some help just implementing it into a blank document and looking how it functions. I didnt want to just put it into my site without knowing how it works.

[Shiro]

You should buy a book on javascript, or spend some time doing some tutorials then. Its not the easiest language, but it sure is functional! Its definitely worth learning.

[Hunch]

I think the main issue with javascript is understanding the DOM. I'd read up on that first and then a lot of the code you read will make more sense.

[kwills]

Cheers Guys, Im trying to learn PHP at the moment and am focusing on that, thought this would be ok just adding and know how to change/edit.