求一个点击控制css的效果。

Question

开始这么大概写的。
$(".j").click(function(){
if ($(".j").html()==""↓"") {
$(".sea_m .fl_pp").css("height","auto");
$(".j").html("↑");
}
else{
$(".sea_m .fl_pp").css("height","50px");
$(".j").html("↓");
}
}
发现JQ click 事件不能用。用chrome看貌似与其他有冲突。换了种方法给<div class="j" onclick="allx()"> 。js 这么写的。<script type="text/javascript">
function allx(){
//alert("1")
if ($(".j").html()==""↓"") {
$(".sea_m .fl_pp").css("height","auto");
$(".j").html("↑");
}
else{
$(".sea_m .fl_pp").css("height","50px");
$(".j").html("↓");
}
};//原始的js不知道该怎么与JQ 结合？谁来帮帮忙。
</script>cssfunctionchromeclassdiv

Answer 1

$(".j").click(function(){
if ($(".j").html()==""↓"") {
$(".sea_m .fl_pp").css("height","auto");
$(".j").html("↑");
}
else{
$(".sea_m .fl_pp").css("height","50px");
$(".j").html("↓");
}
}
)1.双引号("")里面的双引号("")要么转义，要么用单引号（''）
2.少了结束括号

Answer 2

哦。用 JQ click事件 不行的。
点击没有反应。只写alert 也不能用。

Answer 3

$(function(){
    //把上面那些代码复制到这里面
});

Answer 4

还是一样的。click 不能用。
所以换了种方法给<div class="j" onclick="allx()"> 
可是不知道怎么 用上JQ 的if。

Answer 5

应该没有问题的啊  ，你alert一下  html()是什么东东。建议换做 toggole（method1,method2）方法

Answer 6

<style type="text/css">
.sea_m .fl_pp {width:623px;height:50px;overflow:hidden;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".j").click(function(){
if ($(".j").html()==""▼"") {
$(".sea_m .fl_pp").css("height","auto");
$(".j").html("▲");
}
else{
$(".sea_m .fl_pp").css("height","50px");
$(".j").html("▼");
}
}
)
</script>
<div class="sea_m">
<ul>
<li><b>品牌：<div class="j">▼</div></b><span class="fl_pp">xx</span><div class="cl"></div></li>
</ul>
</div>
想要的效果是，通过使用样式 j 容器里面的html 来控制 fl_pp 的高度。

Answer 7

漏洞百出，不要把jQuery想的多么神奇，JS该怎么写还是怎么写，jQuery本质还是javascript<style type="text/css">
.sea_m .fl_pp {width:623px;height:50px;overflow:hidden;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".j").click(function(){
        if ($(".j").html()=="▼") {
        $(".sea_m .fl_pp").css("height","auto");
        $(".j").html("▲");
        }
        else{
        $(".sea_m .fl_pp").css("height","50px");
        $(".j").html("▼");
        }
    });
});
</script>
<div class="sea_m">
<ul>
    <li><b>品牌：<div class="j">▼</div></b><span class="fl_pp">xx</span><div class="cl"></div></li>
</ul>
</div>

Answer 8

<style type="text/css">
.sea_m .fl_pp {
display:block;
width:623px;height:50px;overflow:hidden;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".j").click(function(){
if ($(".j").html()=="▼") {
$(".sea_m .fl_pp").css("height","auto");
$(".j").html("▲");
}
else{
$(".sea_m .fl_pp").css("height","50px");
$(".j").html("▼");
}
})
})
</script>
<div class="sea_m">
<ul>
<li><b>品牌：<div class="j">▼</div></b><span class="fl_pp">品牌品牌品牌品牌品牌品牌品牌品牌品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品牌品牌品牌品牌</span><div class="cl"></div></li>
</ul>
</div>

Answer 9

还有，俺说过了。 没有办法使用JQ 的 click 。直接写弹出框都不行。具体解释看 上图 chrome 里面的 截图。换了另一种方法
<div class="j" onclick="allx()">▼</div><script type="text/javascript">
function allx(){
alert("1")
};
</script> 
这个可以弹的  可是 这个跟用上JQ 的if呢？

Answer 10

那个跟jQuery什么事，你把上面的代码复制到一个新的HTML中，直接打开，看能不能运行。你那个好像是说：图片资源的MIME type不能是text/html