<div class= "Setted-wrap j_channel_sets" >
<div class= "Setting-item" id= "K1" style= "display:none;" >
<div class= "fl cfx" ><span class= "setting-tit fl" title= "Single Choice" > Single topic </span> <em
Class= "FL" ><b>0</b> questions available </em></div>
<div class= "Setting-fun fr" ><input type= "text" name= "question_channel_type[1" "class=" warnning "
Value= "" placeholder= "0" > <i class= "del iconw-del2" ></i></div>
</div>
<div class= "Setting-item" id= "K2" style= "Display:none;" >
<div class= "fl cfx" ><span class= "setting-tit fl" title= "Fill in the blanks" > Fill in the Blanks </span> <em
Class= "FL" ><b>0</b> questions available </em></div>
<div class= "Setting-fun fr" ><input type= "text" name= "question_channel_type[4" "class=" warnning "
Value= "" placeholder= "0" > <i class= "del iconw-del2" ></i></div>
</div>
<div class= "Setting-item" id= "K3" style= "Display:none;" >
<div class= "fl cfx" ><span class= "setting-tit fl" title= "Computational Questions" > Computational questions </span> <em
Class= "FL" ><b>0</b> questions available </em></div>
<div class= "Setting-fun fr" ><input type= "text" name= "question_channel_type[6" "class=" warnning "
Value= "" placeholder= "0" > <i class= "del iconw-del2" ></i></div>
<div class= "Setting-fun fr" ></div>
</div>
<div class= "Smart-type-warp" >
<div class= "Smart-type-set j_channel_btns" id= "Ding" >
<a href= "javascript:;" title= "single-choice" id= "K1" > Single topic </a>
<a href= "javascript:;" title= "Fill in the blanks" id= "K2" > Fill in the Blanks </a>
<a href= "javascript:;" title= "calculation" id= "K3" > Computational questions </a>
The first step is to select the selected topic type status as the selected state
$ (document). Ready (function () {
$ ("#ding a"). Click (function () {
$ (this). AddClass ("selected");
The second step, change the topic of the selected topic type corresponding
var id = $ (this). attr (' id ');
document.getElementById (ID). style.display= "Block";
});
Change div status for click events in JavaScript