How do I make the entire Block's title clickable (to make it show and hide the block)

Re: How do I make the entire Block's title clickable (to make it show and hide the block)

by Ismaël TANGUY -
Number of replies: 0

Thanks John,


I used your css solutions and that work, here's my css which replaces the icon with font-awesome ones.

.block{
        position:relative;
}
.block:before{
        position:absolute;
        font-family:FontAwesome;
        left:4px;
        font-size:3em;
}
#inst11:before{
        content: "\f02d";
        }
#inst1:before{
        content: "\f0c6";
        }
#inst4:before{
        content: "\f0c9";
}
#inst5:before{
        content:"\f085";
}
.block .header {
        position: relative;
        min-height: 42px;
}
.block .header .block_action .block-hider-hide,
.block.hidden .header .block_action  .block-hider-show {
        display:block;
        min-height: 42px;
        position: absolute;
        width: 136%;
        left: -7px;
        opacity:0;
        top:-10px;
}
.block .content{
        height: 100%;
        left: 0;
        top: 0;
        width: 200px;
        position: fixed;
}

The only missing thing is that  a div .block .content doesn't close itself if another one is opened.



Average of ratings: -