如何在jQuery中创建slideToggle（）？

Question

我一直在尝试制作一个除<input type="color">以外的小颜色选择器，我想用jQuery制作弹出窗口。我试着自己编写代码，但它没有用。我错过了什么吗？

$(document).ready(function(){
  $('#picker').click(function(){
    $('#pickerWindow').toggleSlide();
  });
});

CSS

#pickerWindow {
  display: none;
  background-color: #fff;
}

此外，我对任何其他类型的颜色选择器建议持开放态度。

Answer 1

你可以使用slideToggle() ...而不是toggleSlide()并不存在。

＆＃13;

＆＃13;

$(document).ready(function(){
  $('#picker').click(function(){
    $('#pickerWindow').slideToggle();
  });
});

＆＃13;

#pickerWindow {
  display: none;
  background-color: #fff;
  height:100px;
  width:100px;
  background-color:blue;
}

＆＃13;

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

<div id="pickerWindow"></div>
<button id="picker">Picker</button>

＆＃13;

＆＃13;

＆＃13;