Вопрос про html и css. Как сделать появление одного блока DIV при наведении на другой DIV?
CSS
.first-block:hover .second-block{
display: block;
}
Аля пример.
если один див вложен в другой, то просто через :hover родительского дива делать display:block у потомка (а по дефолту display:none)
если без вложенность и хотите обойтись без js, надо юзать селектор ~ и радио баттон
попробуйте сделать табы на ксс3, пример
после того, как сделаете табы,  поймете, как реализовать то, что вам нужно, но учтите, что данный пример будет работать в ие9+
если совсем по-простому: https://jsfiddle.net/hq3L74mc/2/