Css style pollution?

<img class="a" src="a.svg"/>
<img class="b" src="b.svg"/>
<img class="c" src="c.svg"/>
<img class="d" src="d.svg"/>

< / div >
.a, .b, .c, .d {
display:none;
}
/ / m=num is the decision condition in the project
switch (num) {

    case 0:
        $(".a").show();
        $(".b").hide();
        $(".c").hide();
        $(".d").hide();
        break;
    case 1:
        $(".a").hide();
        $(".b").show();
        $(".c").hide();
        $(".d").hide();
        break;
    case 2:
        $(".a").hide();
        $(".b").hide();
        $(".c").show();
        $(".d").hide();
        break;
    case 3:
        $(".a").hide();
        $(".b").hide();
        $(".c").hide();
        $(".d").show();
        break;
};
svg,
Javascript css
Apr.02,2021 
// css
.a,.b,.c,.d {
 display: none;
}
// num
var matchList = ['a','b','c','d'];
$('.'+matchList[num]).show().siblings().hide();

Don't write too much, two lines of code are done.

you can set their initial styles to hide,
switch.

Don't those svg have a div outside, give it a class name (and give it an id, such as-sharpsvg-container), and then use the script to change only the class name of div. Through the css set in advance to control the display of aPermine bPerry cPerry d under different conditions.

  1. set the style first 

    $('-sharpsvg-container').attr('class','c'+ num);  //num-sharpsvg-containersvgdiv

Previous: The function execl in linux has been unable to be called successfully, how to pass parameters correctly?

Next: Set-cookie can't be written into the browser?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu