如何创建一个切换按钮来添加内联样式?

例如,在这个简单的结构中,我想创建一个切换按钮以显示或隐藏div
我不想在jQuery中添加类名或仅使用.show()和.hide()

我需要它是内联样式,例如,如果我切换按钮,我希望它添加此样式

style="display:block color:red;"


如果您再次切换

style="display:none"




<button>toggle</button>

<div>blah bla blah</div>

最佳答案

您可以使用.css("display")检查切换样式。然后根据需要设置属性

$("button").click(function(){
        if($("div").css("display") == "none") {
             $("div").css({"display":"block","color":"red"});
        }
        else{
            $('div').css("display","none");
        }
    });

关于javascript - jQuery/JavaScript切换按钮以添加内联样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38428306/

10-12 12:17
查看更多