<script type="text/javascript">
$(document).ready(function(){
$("#ид кнопки").toggle(function(
$(".клас того тега которому нужно изменить стиль,.клас другого которому нужно изменить стиль").css({
"CSS свойство":"параметр",
"CSS свойство":"параметр",
"CSS свойство":"параметр"
});
),function(){
$(".клас того тега которому нужно назад изменить стиль,.клас другого которому нужно назад изменить стиль").css({
"CSS свойство":"параметр",
"CSS свойство":"параметр",
"CSS свойство":"параметр"
});
});
});
</script>

<script type="text/javascript">
$(document).ready(function(){
$("#button").toggle(function(
$(".Panel").css({
"background":"#191919"
});
),function(){
$(".Panel").css({
"background":"#c1c1c1"
});
});
});
</script>

<style>.Panel {background:#c1c1c1;width:100%;height:50px;} #button {background:rgba(255,255,255,0.9);width:10px;height:10px;border-radius:5px;}</style>
<div class="Panel"><div id="button"></div></div>