|
| |
|
|
| |
для: Ванек2010
(24.02.2010 в 20:21)
| | | Смысл таков:
<div onclick="window.getElementById ( 'name' ).style.display = 'block'">Кнопка</div>
<div id="name" style="display: none">вижен по нажатию Кнопки</div>
|
Можно упростить жизнь:
<style type="text/css">
.name { display: none }
</style>
<script type="text/javascript">
function jsDisplay ( name )
{
window.getElementById ( name ).style.display = 'block';
}
</script>
<div onclick="jsDisplay ( 'name' )">Кнопка</div>
<div id="name" class="name">вижен по нажатию Кнопки</div>
|
| |
| |
|
|
| |
|
|
| | Где изменить в коде, чтобы контент был видим после нажатия? А не сразу.
<div id="CollapsiblePanel3" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Вкладка</div>
<div class="CollapsiblePanelContent">Контент</div>
</div>
|
CSS
.CollapsiblePanel {
margin: 0px;
padding: 0px;
border-left: solid 1px #CCC;
border-right: solid 1px #999;
border-top: solid 1px #999;
border-bottom: solid 1px #CCC;
}
.CollapsiblePanelTab {
font: bold 0.7em sans-serif;
background-color: #686868;
border-bottom: solid 1px #CCC;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}
.CollapsiblePanelContent {
margin: 0px;
padding: 0px;
}
.CollapsiblePanelTab a {
color: black;
text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-color: #EEE;
}
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
background-color: #CCC;
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
background-color: #3399FF;
}
|
| |
| |
|
|
|
