<div class="title">
<h2>1Table: with sorting and paging</h2>
<span class="hide"></span>
</div>
<div class="content">.............</div>
<div class="title">
<h2>2Table: adfasdfasdf</h2>
<span class="hide"></span>
</div>
<div class="content">.............</div>
如上代码中我用jquery来进行如下操作,但提示 $ is not defined.于是就想问如何用普通的javascript实现如下功能?
<script type="text/javascript">
$('.hide').click(function(){
if($(this).parent().next().hasClass('content'))
$(this).parent().next().removeClass('content').css('display','none');
else
$(this).parent().next().addClass('content').css('display','block')
});</script>
<h2>1Table: with sorting and paging</h2>
<span class="hide"></span>
</div>
<div class="content">.............</div>
<div class="title">
<h2>2Table: adfasdfasdf</h2>
<span class="hide"></span>
</div>
<div class="content">.............</div>
如上代码中我用jquery来进行如下操作,但提示 $ is not defined.于是就想问如何用普通的javascript实现如下功能?
<script type="text/javascript">
$('.hide').click(function(){
if($(this).parent().next().hasClass('content'))
$(this).parent().next().removeClass('content').css('display','none');
else
$(this).parent().next().addClass('content').css('display','block')
});</script>
$('.hide').click(function(){
if($(this).parent().next().hasClass('content'))
$(this).parent().next().removeClass('content').css('display','none');
else
$(this).parent().next().addClass('content').css('display','block')
});
</script> 这么写怎么提示 $ is not defined
还有,你导入jquery的代码是放在你这段代码之前还是之后?如果是放在你这段代码的后面,就把他移到他的前面去...
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript">
$('.hide').click(function(){
if($(this).parent().next().hasClass('content'))
$(this).parent().next().removeClass('content').css('display','none');
else
$(this).parent().next().addClass('content').css('display','block')
});
</script>
<style>
html, body {background : url("/images/btn/background.gif") repeat-x left top #fbfcfd; height:100%; margin:0; padding:0;}
.form {position:relative;margin:0 auto;width:980px;font-family:Arial;line-height:18px;}
form {
display: inline-block;
margin : 0;
padding : 0;
width : 100%;
border-top:1px solid #D2DCE9;
}