But how do I do this? I'm practicing the design on a Information page so I can just copy it across to where it goes after it's designed (I'll use an extension which allows me to place text/source on any page/location) but it's simply not working. I've tried this from a tutorial page:
But when I go out of source view it ignores my attempted positioning and just shows regular text with no button.<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/j ... "></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<button>Toggle between hiding and showing the paragraphs</button>
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</body>
</html>
So is there some kind of code I can simply enter into the source? Anyone have other suggestions?