| |
|
|
| | Подскажите по этому коду
http://jsfiddle.net/9zwD4/707/
html
<button class="medium blue show" box="createUser">Создать</button>
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
<button class="medium blue show" box="createUser">Создать</button>
<div class="hiddenBlock" id="createUser">
<form action="index.php" method="post">
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
Здесь следуют инпуты (не стал вписывать в примере)
<button class="medium green">Создать2</button>
<button class="medium blue close">Закрыть</button>
</form>
</div>
<div id="bg"></div>
|
css
#bg {
width:100%;
height:100%;
position:fixed;
top:0;left:0;
background:black;
display:none;
z-index:601; /* так получилось, что у меню в KickStart стоит z-index 600 */
opacity:0.3;
}
.hiddenBlock {
position:absolute;
margin: 0 auto;
top:20%;
left:50%;
z-index:602;
width:400px;
background:#efefef;
border: 1px solid #ccc;
padding:10px 20px;
border-radius:10px;
margin-left:-210px;
display:none;
}
|
javascript
$(document).ready(function(){
$(".show").click(function(){
$("#bg").show();
$("#"+($(this).attr("box"))).slideDown("fast");
});
$(".close").click(function(){
$("#bg").hide();
$(".hiddenBlock").slideUp("fast");
return false; //чтобы не активировалась форма, в которой кнопка закрытия
})
});
|
Подскажите как по нажатию на кнопку
<button class="medium green">Создать2</button>
отступ от верхнего края был точно такой как
как при нажатии
<button class="medium green">Создать</button>).slideUp( | |
| |
|
