第一次寫react+redux項目時遇到了問題,怎么在點擊按鈕時控制元素的顯示隱藏?
如圖:
紅框框整體是個框架,會有很多個這樣的框架,當點擊具體的某一個按鈕,即數(shù)字1標示的按鈕時,我需要將
1:.tipic-content
的stylemax-height
改為auto
2:.flod
即數(shù)字2標示的style改為display: none
其實效果就是點擊按鈕,讓顯示更多的文字顯示出來,.fold是一個底部的漸變到白色的效果而已。
然后再次點擊時做相反的動作就行了。
這個其實用jquery做很方便,點擊找到父類對應的class,修改樣式就行了,但是現(xiàn)在用react做,不想用jquery,就不知道怎么做,用原生的js控制元素太啰嗦了,大家有什么好方法呢。