$(document).ready(function() {
$('#b1').click(function() {
$('#uch').toggle("slow");
});
$('#b2').click(function() {
$('#uch2').toggle("slow");
})
})
Although I'm not a programmer, I somehow managed to create div buttons that open another div when clicked. However, I'm struggling with making it hide the previous div when a new button is clicked. I plan to integrate this into a Joomla template, but my attempts using jQuery have been unsuccessful. If someone cleverer than me could help out, I would greatly appreciate it. You can also view a working example on this fiddle.
After receiving some helpful answers, I made some edits to my code to simplify it and even added a third button. Everything seemed to work fine until I realized that clicking on an already opened div caused it to reappear as if in a loop.
You can view the edited version of this on this updated fiddle.
$(document).ready(function() {
$('#b1').click(function() {
$('.bats').hide("slow");
$('#uch').toggle("slow");
});
$('#b2').click(function() {
$('.bats').hide("slow");
$('#uch2').toggle("slow");
});
$('#b3').click(function() {
$('.bats').hide("slow");
$('#uch3').toggle("slow");
});
})