小编KXX*_*XXT的帖子

我发现这篇文章如何在点击时创建滑动DIV？

但所有答案都是Jquery方法.有没有办法用PURE CSS创建它？我还有其他一些事情......

1. 我可以添加什么来使向下滑动div保持滚动状态
2. 将触发动画的链接更改为"关闭",以使div向上滑动

以下是该帖子中示例的链接// http://shutterbugtheme.tumblr.com/

我也试过谷歌搜索,但唯一的结果是jquery方法......

我不是程序员,所以我对解决方案毫无头绪.我一直在使用CMB2 作为投资组合/项目自定义帖子类型.

我已经合并了一个幻灯片,它为每张幻灯片使用了Group Field元数据.

在主页上有2个标有"空项目"和"测试项目1"的帖子.如果单击空项目,您将被定向到它的单个帖子页面,在那里您将看到一个带有红色背景的".flexslider"div.如果组字段为空,那就是我要删除的div.我的意思是我完全删除div而不留空div而不是将背景颜色改为白色.

如果单击"测试项目1",将在"flexslider"幻灯片中使用可重复组字段上载图像.这是Metafields内部元数据保存的结果.

METABOX // 这是我用来注册可重复字段的代码,它允许我插入幻灯片的图像和标题.

add_action( 'cmb2_admin_init', 'gallery_metabox' );
function gallery_metabox() {
$prefix = 'gallery_';

/**
 * Repeatable Field Groups
 */
$cmb_group = new_cmb2_box( array(
    'id'           => $prefix . 'metabox',
    'title'        => __( 'Gallery', 'cmb2' ),
    'object_types' => array( 'portfolio', ),
) );

// $group_field_id is the field id string, so in this case: $prefix . 'demo'
$group_field_id = $cmb_group->add_field( array(
    'id'          => $prefix . 'demo',
    'type'        => 'group',
    'options'     => array(
    'group_title'   => __( …

当我将input鼠标悬停在input方框内的"搜索"文本上时,我设法将该字段滑出.但我宁愿使用"GO"按钮悬停幻灯片动画(也可以提交).

小提琴

我想更改.search input {width:80px;}to 30px以便input隐藏字段直到搜索按钮悬停,但我不知道如何只使按钮触发此动画.