Сдвиг элемента вправо с помощью jquery

0
<link rel="stylesheet" type="text/css" href="css/style.css">
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>

$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").append(" <b>Appended text</b>.");
  });
  $("#btn2").click(function(){
    $("#d87").append("<div id='d76'>H</div>").;

  });
});
</script>
</head>
<body>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

<button id="btn1">Append text</button>
<button id="btn2">Append list item</button>

</body>
</html>
<div id="d87"></div>

В момент, когда я нажимаю поле "Добавить список элементов", которое я создал с помощью слайдов css в нисходящем направлении. Я хочу, чтобы он скользил вправо, каждый раз, когда нажимается кнопка, он должен сдвигаться вправо от предыдущего окна на 100px.

  • 0
    Не могли бы вы сделать это более ясным. "это должно сместиться вправо от предыдущего окна на 100px" означает ?? Должен быть разрыв между div'ами в 100px
  • 0
    да, между двумя делителями должен быть зазор в 100 пикселей
Показать ещё 6 комментариев
Теги:

1 ответ

0
Лучший ответ
#d87{
  margin-left:100px; 
  float:left; 
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню