Is there an easier code to use?

Discussion Ask a question
,
1

Below is the repetitive code that does what I need it to do. Is there a simpler code I can put in instead of repeating the same “collapse” code on each button for every other button?

export function precBut_click(event, $w) {
//Add your code for this event here:
$w(‘#abrText’).collapse();
$w(‘#pasText’).collapse();
$w(‘#presText’).collapse();
$w(‘#bubText’).collapse();
$w(‘#specText’).collapse();

$w('#precText').expand();

}

export function abraBut_click(event, $w) {
//Add your code for this event here:
$w(‘#precText’).collapse();
$w(‘#pasText’).collapse();
$w(‘#presText’).collapse();
$w(‘#bubText’).collapse();
$w(‘#specText’).collapse();

$w('#abrText').expand();

}

export function pasBut_click(event, $w) {
//Add your code for this event here:
$w(‘#precText’).collapse();
$w(‘#abrText’).collapse();
$w(‘#presText’).collapse();
$w(‘#bubText’).collapse();
$w(‘#specText’).collapse();

$w('#pasText').expand();

}

export function presBut_click(event, $w) {
//Add your code for this event here:
$w(‘#precText’).collapse();
$w(‘#abrText’).collapse();
$w(‘#pasText’).collapse();
$w(‘#bubText’).collapse();
$w(‘#specText’).collapse();

$w('#presText').expand();

}

export function bubBut_click(event, $w) {
//Add your code for this event here:
$w(‘#precText’).collapse();
$w(‘#abrText’).collapse();
$w(‘#pasText’).collapse();
$w(‘#presText’).collapse();
$w(‘#specText’).collapse();

$w('#bubText').expand();

}

export function specBut_click(event, $w) {
//Add your code for this event here:
$w(‘#precText’).collapse();
$w(‘#abrText’).collapse();
$w(‘#pasText’).collapse();
$w(‘#presText’).collapse();
$w(‘#bubText’).collapse();

$w('#specText').expand();

}

Thank you.

2 
function collapseAll() {
$w('#precText').collapse();         
$w('#abrText').collapse();         
$w('#pasText').collapse();        
$w('#presText').collapse();         
$w('#bubText').collapse(); 
}

now just run collapseAll() inside each of them

3

I get it! Thank you…
But, I’m so new to this that I dont even know the proper way to enter the collapseAll in each button:

$w(‘#collapseAll’)();
or
$w(‘#collapseAll’());

Each one is messing up… What am I doing incorrectly?

4

Ah i’m sorry. the code i posted is a Function, a function is, as MDN states, a JavaScript procedure—a set of statements that performs a task or calculates a value.

I Recommend briefly reading through some of the pages on This site
collapseAll() runs everything inside function collapseAll() { }


export function precBut_click(event, $w) {  
//Add your code for this event here:          
collapseAll();   
$w('#precText').expand(); 
}  
export function abraBut_click(event, $w) {  
//Add your code for this event here:          
collapseAll();       
$w('#abrText').expand(); 
}  
export function pasBut_click(event, $w) {  
//Add your code for this event here:          
collapseAll();       
$w('#pasText').expand(); 
}  
export function presBut_click(event, $w) {  
//Add your code for this event here:          
collapseAll();        
$w('#presText').expand();
 }  
export function bubBut_click(event, $w) {  
//Add your code for this event here:          
collapseAll();       
$w('#bubText').expand(); 
}  
export function specBut_click(event, $w) {  
//Add your code for this event here:                  
collapseAll();    
$w('#specText').expand(); 
} 

function collapseAll() {
$w('#precText').collapse();         
$w('#abrText').collapse();         
$w('#pasText').collapse();        
$w('#presText').collapse();         
$w('#bubText').collapse(); 
}
2 Likes