单击后，搜索框将消失

Question

我有一个使用

的滑动图像面板

$('input').click(function() {
$(this).parent().slideUp();

不幸的是，滑动面板上的输入部分导致页面顶部的搜索框在点击时消失，因为搜索表单使用“input type =”text“等有没有办法解决这个问题？是使滑动面板工作的代码http://jsfiddle.net/pcD8D/7/

并且搜索表单的代码是：

            <!--BEGIN #searchform-->
            <form class="searchform" method="get" action="<?php bloginfo( 'url' ); ?>">
                <input type="text" class="textBox" name="s" onclick="this.value=''"   value="Enter your search" tabindex="1" />
                                    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/clearBtn.png" width="17" height="17" class="cancelBtn" alt="ClearBtn" />
            <!--END #searchform-->
            </form

由于

Answer 1

使您的选择器更具针对性，只针对您想要的输入：

$("#team_section .team_member_photo").next().hide().append('<input type="button" value="close" name="close" />');

$("input[name=close]").click(function() {
    $(this).parent().slideUp();
});