i assume that #filters is your first button id so the code look like this
$("document").ready(function () {
if ($("#HiddenField1").val() == "block") {
$("#FiltersliderDiv").css("display", "none");
}
if ($("#HiddenField1").val() == "none") {
$("#FiltersliderDiv").css("display", "block");
}
$("#Filters").click(function () {
$("#Filters").css("background-color","yellow");
$("#ReportsliderDiv").slideUp("slow");
$("#FiltersliderDiv").slideToggle("slow");
$("#MapAndChartsliderDiv").slideUp("slow");
});
});
$("document").ready(function () {
if ($("#HiddenField2").val() == "block") {
$("#MapAndChartsliderDiv").css("display", "none");
}
if ($("#HiddenField2").val() == "none") {
$("#MapAndChartsliderDiv").css("display", "block");
}
$("#MapAndChart").click(function () {
$("#MapAndChart").css("background-color","yellow");
$("#FiltersliderDiv").slideUp("slow");
$("#ReportsliderDiv").slideUp("slow");
$("#MapAndChartsliderDiv").slideToggle("slow");
$("#Filters").css('background-color', 'Gray');
});
});
$("document").ready(function () {
if ($("#HiddenField3").val() == "block") {
$("#ReportsliderDiv").css("display", "none");
}
if ($("#HiddenField3").val() == "none") {
$("#ReportsliderDiv").css("display", "block");
}
$("#Report").click(function () {
$("#Report").css("background-color","yellow");
$("#FiltersliderDiv").slideUp("slow");
$("#MapAndChartsliderDiv").slideUp("slow");
$("#ReportsliderDiv").slideToggle("slow");
});
});