以下是一个不使用jQuery的示例代码，用于将一个div滑入显示：

HTML代码：

点击滑入
这是一个要滑入显示的div。

JavaScript代码：

function slideIn() {
  var div = document.getElementById("myDiv");
  
  // 获取div的初始高度
  var height = 0;
  div.style.display = "block";
  div.style.height = "auto";
  height = div.offsetHeight;
  div.style.height = "0";
  
  // 使用CSS动画实现滑入效果
  div.style.transition = "height 0.5s";
  div.style.height = height + "px";
  
  // 监听动画结束事件，将div的高度设为auto
  div.addEventListener("transitionend", function() {
    this.style.height = "auto";
  }, { once: true });
}

在上述代码中，我们首先获取要滑入的div的初始高度，然后通过CSS动画将div的高度从0逐渐变为初始高度。最后，在动画结束后，我们将div的高度设为auto，以便内容可以正常显示。